/* ------------ structure generale ------------ */
* {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#202d35}
body {background:#B4D3E2 url(../images/bg.jpg) repeat-x top left; margin-left:0px; margin-top:10px; margin-right:0px; margin-bottom:10px; text-align:center;}
#ct {position:relative; width:760px; margin-left:auto; margin-right:auto; text-align:left;}
#pop {position:relative; width:428px; margin-left:auto; margin-right:auto; text-align:left;}

/*
h1 {font-size:15px; color:#202D35; margin:20px 0px 10px 0px;}
h2 {font-size:12px; margin:25px 0px 15px 0px;}
h3 {font-size: 13px; color:#F18B19; margin:15px 0px 10px 0px;}
*/

/* ------------ textes ------------ */
.principal {font-size:12px; color:#202D35; text-decoration:none;}
.p10 {font-size:10px; color:#202D35;}
.p11 {font-size:11px; color:#202D35; text-decoration:none;}
a.p11 {font-size:11px; color:#202D35; text-decoration:underline;}
.p12 {font-size:12px; color:#202D35; text-decoration:none;}
a.p12 {font-size:12px; color:#202D35; text-decoration:underline;}
.p13 {font-size:13px; color:#202D35;}

.h1Popup {font-size: 12px; color:#FFFFFF; margin: 11px 0px 0px 23px;}

.blanc12 {font-size:12px; color:#FFFFFF; text-decoration:none;}
.blanc13 {font-size:13px; color:#FFFFFF; text-decoration:none;}
.blanc13:hover {font-size:13px; color:#FFFFFF; text-decoration:none;}
.blanc14 {font-size:14px; color:#FFFFFF; text-decoration:none;}
.blanc17 {font-size:17px; color:#FFFFFF; text-decoration:none;}

.gris8 {font-size:8px; color:#999999; text-decoration:none;}
.gris8:hover {font-size:8px; color:#333333; text-decoration:none;}
.gris11 {font-size:11px; color:#999999; text-decoration:none;}
.gris11:hover {font-size:11px; color:#333333; text-decoration:underline;}

.grisfonce11 {font-size:11px; color:#666666;}

.orange12 {font-size:12px; color:#FF6600;}
.orange13 {font-size:13px; color:#FF6600;}
.orange18 {font-size:18px; color:#F18B19;}

a.bleu10 {font-size:10px; color:#7092A3; text-decoration:none;}
a.bleu10:hover {font-size:10px; color:#7092A3; text-decoration:underline;}
.bleu11 {font-size:11px; color:#3F5A67;}
.bleu12 {font-size:12px; color:#688A9B;}

.bleufonce11 {font-size:11px; color:#32434D;}
.bleufonce13 {font-size:13px; color:#32434D;}
.bleufonce14 {font-size:14px; color:#32434D;}

.bleugris16 {font-size:16px; color:#5C7380;}
.bleugris18 {font-size:18px; color:#5C7380;}

.note {font-size:10px; color:#999999; margin:25px 105px 5px 500px;}

/* ------------ formulaires ------------ */
.formu11 {font-size: 11px; color: #000000; border: 1px solid #7F9DB9;}

.pair {background-color:#F6FBFD; padding:6px 0px 6px 20px; font-size:12px; color:#202D35;}
.impair {padding:6px 0px 6px 20px; font-size:12px; color:#202D35;}

tbody.basictab td {border-bottom:1px dotted #EEE; height:30px; text-align:center;}

.checkpop {margin:0px 4px 0px 6px;}

.lign_erreur {float:left; width:401px; background:#fda760; border:1px dotted #CCC; padding:10px;margin-top:10px;margin-bottom:10px}
.lign_succes {float:left; width:401px; background:#FFFFCC; border:1px dotted #CCC; padding:10px;margin-top:10px;margin-bottom:10px}

/* ------------ listes ------------ */
ul.creation {margin:0px 0px 0px 40px;}

/* ------------ tableaux ------------ */
div.scrollpop {width:373px; height:176px; overflow:auto; border:1px solid #698B9C; padding:0px;}
div.scroll {width:415px; height:203px; overflow:auto; border:1px solid #698B9C; padding:0px;}
div.scroll1 {width:240px; height:203px; overflow:auto; border:1px solid #698B9C; padding:0px;}
div.scroll5 {width:575px; height:203px; overflow:auto; border:1px solid #698B9C; padding:0px;}
div.scroll6 {width:675px; height:203px; overflow:auto; border:1px solid #698B9C; padding:0px;}

tbody.tableau tr.normalRow td {background:#FFF; border-bottom:1px dotted #EEE; border-top:1px dotted #EEE; height:25px;}
tbody.tableau tr.alternateRow td {background:#F6FBFE; border-bottom:1px dotted #EEE; border-top:1px dotted #EEE; height:25px;}

tr.nRow td {background:#FFF; border-bottom:1px dotted #EEE; border-top:1px dotted #EEE; height:28px;}
tr.aRow td {background:#F6FBFE; border-bottom:1px dotted #EEE; border-top:1px dotted #EEE; height:28px;}


/* Navigation bar components */

table#nav	{
	/*border-bottom: 1px solid #000;*/
	border-left: 1px solid #fff;
	}
#nav td	{
	font: 11px verdana, arial, sans-serif;
	text-align: center;
	border-right: 1px solid #fff;
	height: 25px;
	}
#nav td a	{
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	}
	
#nav td a:link, #nav td a:visited {
	background: white url(/images/bgpat.gif) repeat;
	color: #ffffff;
	display: block;
	margin: 0;
	line-height: 25px;
	} 

#nav td a:hover {
	color: #fff;
	background: #F18B19;
	}
table#sousnav	{
	border-left: 1px solid #fff;
	background-color: #c0e0ef;
	}
#sousnav	p {
	margin:0px 0px 0px 15px;
	}
#sousnav	.fleche {
	margin-right:4px;
	height: 8px;
	border: 0px;
	width: 4px;
	}
#sousnav	.separateur {
	margin-right:20px;
	margin-left:20px;
	height: 11px;
	border: 0px;
	width: 1px;
	}
#sousnav	a:link {
	font-size:12px;
	color:#202D35;
	text-decoration:none;
	}
#sousnav	a:visited {
	color:#202D35;
	text-decoration:none;
	}
#sousnav	a:hover {
	text-decoration:underline;
	}
#sousnav td	{
	font: 11px verdana, arial, sans-serif;
	border-right: 1px solid #fff;
	height: 25px;
	}

/* ----------------------------*/ /* ----------------------------*/ /* ----------------------------*/
/* ----------------------------*/ /* ----------------------------*/	/* ----------------------------*/
/* ----------------------------*/ /* ----------------------------*/ /* ----------------------------*/
/* ------------ structure en DIV ------------ */

div#ct div#contenu {float:left; width:760px; background-color:#FFFFFF;}
div#ct div#footer {float:left; width:760px;}
h1 {font-size:15px; color:#000000; font-weight:700; margin-left:10px; margin-top:20px;}
h2 {font-size:12px; color:#f18c1a; font-weight:700; margin:10px 0 10px 30px;}
h2.tab {font-size:12px; color:#f18c1a; font-weight:700; margin:10px 0 10px 12px;}
p {margin-left:30px}
p.itatab {margin-left:12px; font-style:italic;}
p.tittitretab {margin:0 10px 0 10px; font-size:10px; text-align:right;}
.linkorange{font-size:12px; color:#f18c1a; font-weight:700;}


/* ------------ Page contact ------------ */
.tit_orange {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f18c1a; font-weight:700;}
div#ct div#contenu div#formcontact {background:url(/images/bg_contact.gif) no-repeat; height:225px; width:427px; margin-left:30px; padding-left:30px; padding-top:15px;}
div#ct div#contenu div#formcontact div#formtxt {width:65px; float:left;line-height:21pt; vertical-align:top}
div#ct div#contenu div#formcontact div#forminput {float:left}
div#ct div#contenu div#formcontact div#forminput .forminput {width:280px; border:none; height:20px; padding-left:2px; margin-bottom:10px; font-size:10px}
/*div#ct div#contenu div#formcontact div#forminput .textarea {width:280px; border:none; height:70px; padding-left:2px; font-size:10px}*/
div#ct div#contenu div#formcontact div#btcontact{float:left; width:367px; text-align:center; margin-top:10px;}

div#ct div#contenu div#formcontact div.lign_form {float:left; width:427px; margin-top:10px;}
div#ct div#contenu div#formcontact div.lign_form div.intit {float:left; width:65px; padding-top:3px; height:20px;}
div#ct div#contenu div#formcontact div.lign_form div.input_txt {float:left; width:362px; height:20px;}
div#ct div#contenu div#formcontact div.lign_form div.input_txt input.txt {float:left; width:280px; border:none; height:20px; padding-left:2px;  padding-top:4px; margin-bottom:10px; font-size:10px;}
div#ct div#contenu div#formcontact div.lign_form div.input_textarea {float:left; width:362px;}
div#ct div#contenu div#formcontact div.lign_form div.input_textarea textarea.textarea {float:left; width:280px; border:none; height:50px; padding-left:2px;  padding-top:4px; margin-bottom:10px; font-size:10px;}


/* ------------ Page histoire du sms ------------ */
div#ct div#contenu div#col1 {width:462px; float:left}
div#ct div#contenu div#col2 {width:298px; float:left}
div#ct div#contenu div#col2 div#titdiko {float:left; background:url(/images/bg_diko.gif) no-repeat bottom; width:179px; height:78px; margin:10px 10px 10px 0; margin-left:50px; text-align:center}
div#ct div#contenu div#col2 div#titdiko .txtdiko {float:left; margin-top:10px; height:78px}

div#ct div#contenu div#col2 div#tabchif {float:left; background:url(/images/img_histoire.jpg) no-repeat bottom right; width:298px; height:424px; vertical-align:bottom}
div#ct div#contenu div#col2 div#tabchif ul {float:left; width:253px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col2 div#tabchif ul li {float:left; width:253px; background:url(/images/puce_orange.gif) no-repeat 0px 4px; padding:0 0 8px 13px;} 


/* ------------ Page accueil sms ------------ */
div#ct div#contenu div#col1a {width:540px; float:left}
div#ct div#contenu div#col1a div#avantages {float:left; width:490px; background:url(/images/img_accueilsms.gif) no-repeat top right; margin-right:50px}
div#ct div#contenu div#col2a {width:220px; float:left;}
div#ct div#contenu div#col2a div#titdiko {float:left; background:url(/images/bg_diko.gif) no-repeat top; width:179px; height:78px; margin:10px 10px 10px 0; text-align:center}
div#ct div#contenu div#col2a div#titdiko .txtdiko {float:left; margin-top:10px; height:78px}

div#ct div#contenu div#col2a div#tabchif {float:left; background:url(/images/bg_accueilsms.gif) no-repeat right; width:190px; height:284px;}
div#ct div#contenu div#col2a div#tabchif ul {float:left; width:162px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col2a div#tabchif ul li {float:left; width:162px; background:url(/images/puce_orange.gif) no-repeat 0px 4px; padding:0 0 8px 13px;} 


/* ------------ Page communiquer professionnels ------------ */
div#ct div#contenu div#col1c {width:540px; float:left}
div#ct div#contenu div#col1c div#avantages {float:left; width:490px; background:url(/images/img_profcommuniquer.jpg) no-repeat top right; margin-right:50px;}
div#ct div#contenu div#col2c {width:220px; float:left;}

div#ct div#contenu div#col2c div#tabchif {float:left; background:url(/images/bg_communiquer.gif) no-repeat right; width:190px; height:155px; margin-top:20px}
div#ct div#contenu div#col2c div#tabchif ul {float:left; width:162px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col2c div#tabchif ul li {float:left; width:162px; background:url(/images/puce_orange.gif) no-repeat 0px 4px; padding:0 0 8px 13px;} 

div#ct div#contenu div#col2c div#tablu {float:left; background:url(/images/bg_communiquer2.gif) no-repeat right; width:190px; height:231px; margin-top:20px}
div#ct div#contenu div#col2c div#tablu ul {float:left; width:162px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col2c div#tablu ul li {float:left; width:162px; background:url(/images/puce_orange.gif) no-repeat 0px 4px; padding:0 0 8px 13px;}

/* ------------ Page marketing professionnels ------------ */
div#ct div#contenu div#col1m {width:540px; float:left}
div#ct div#contenu div#col1m div#avantages {float:left; width:490px; background:url(/images/img_marketing.gif) no-repeat top right; margin-right:50px;}
div#ct div#contenu div#col2m {width:220px; float:left;}

div#ct div#contenu div#col2m div#tabchif {float:left; background:url(/images/bg_marketing.gif) no-repeat right; width:190px; height:168px; margin-top:20px}
div#ct div#contenu div#col2m div#tabchif ul {float:left; width:162px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col2m div#tabchif ul li {float:left; width:162px; background:url(/images/puce_orange.gif) no-repeat 0px 4px; padding:0 0 8px 13px;} 

div#ct div#contenu div#col2m div#tablu {float:left; background:url(/images/bg_marketing2.gif) no-repeat right; width:190px; height:188px; margin-top:20px}
div#ct div#contenu div#col2m div#tablu ul {float:left; width:162px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col2m div#tablu ul li {float:left; width:162px; background:url(/images/puce_orange.gif) no-repeat 0px 4px; padding:0 0 8px 13px;} 

/* ------------ Page tarifs ------------ */
div#ct div#contenu div#col1t {width:540px; float:left}
div#ct div#contenu div#col1t div#avantages {float:left; width:490px; background:url(/images/img_marketing.gif) no-repeat top right; margin-right:50px;}
div#ct div#contenu div#col2t {width:220px; float:left;}

div#ct div#contenu div#col2t div#tabchif {float:left; background:url(/images/bg_tarifs.gif) no-repeat right; width:190px; height:89px; margin-top:20px}
div#ct div#contenu div#col2t div#tabchif ul {float:left; width:162px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col2t div#tabchif ul li {float:left; width:162px; background:url(/images/puce_orange.gif) no-repeat 0px 4px; padding:0 0 8px 13px;} 

div#ct div#contenu div#col2t div#tabinfo {float:left; background:url(/images/bg_tarifs2.gif) no-repeat right; width:190px; height:123px; margin-top:20px}
div#ct div#contenu div#col2t div#tabinfo ul {float:left; width:162px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col2t div#tabinfo ul li {float:left; width:162px; background:url(/images/puce_orange.gif) no-repeat 0px 4px; padding:0 0 8px 13px;} 

div#ct div#contenu div#tableau {float:left; width:677px; margin:20px 40px 20px 40px;}
div#ct div#contenu div#tableau div#tit_tableau {float:left; background:url(/images/bgtit_tableau.gif) no-repeat; width:677px; height:29px; color:#FFFFFF;}
div#ct div#contenu div#tableau div#tit_tableau .tittab1 {float:left; width:182px; text-align:center; padding:5px 0 5px 0; color:#FFFFFF;}
div#ct div#contenu div#tableau div#tit_tableau .tittab2 {float:left; width:129px; text-align:center; padding:5px 0 5px 0; color:#FFFFFF;}
div#ct div#contenu div#tableau div#tit_tableau .tittab3 {float:left; width:180px; text-align:center; padding:5px 0 5px 0; color:#FFFFFF;}
div#ct div#contenu div#tableau div#tit_tableau .tittab4 {float:left; width:184px; text-align:center; padding:5px 0 5px 0; color:#FFFFFF;}
div#ct div#contenu div#tableau .tittab1 {float:left; width:182px; text-align:center; padding:5px 0 5px 0;}
div#ct div#contenu div#tableau .tittab2 {float:left; width:129px; text-align:center; padding:5px 0 5px 0;}
div#ct div#contenu div#tableau .tittab3 {float:left; width:180px; text-align:center; padding:5px 0 5px 0;}
div#ct div#contenu div#tableau .tittab4 {float:left; width:184px; text-align:center; padding:5px 0 5px 0;}
div#ct div#contenu div#tableau div#basetableau {float:left; width:675px; background:url(/images/bg_traits_tab.gif) repeat-y; border-left:1px solid #698b9c; border-right:1px solid #698b9c; border-bottom:1px solid #698b9c}
div#ct div#contenu div#tableau div#basetableau .lignetab{width:675px; background:url(/images/bg_sep_tab.gif) no-repeat bottom; height:25px;}


/* ------------ Pages fonctionnalites ------------ */
div#ct div#contenu div#col1fonc {width:216px; float:left; background:url(/images/img_fonctionnalites.jpg) no-repeat; height:341px; margin-top:50px;}
div#ct div#contenu div#col2fonc {width:544px; float:left; padding-top:20px;}
div#ct div#contenu div#col2fonc div#titfonc {float:left; height:21px; width:544px; margin:0 0 0 0; padding:0 0 0 0;}
div#ct div#contenu div#col2fonc div#titfonc .puces {background:url(/images/puce_fonc.gif) no-repeat; width:21px; height:21px; float:left; margin:0; padding:2px 0 0 0; color:#FFFFFF; text-align:center;}


/*
div#ct div#contenu div#col2fonc div#titfonc .puces {background:url(/images/puce_fonc.gif) no-repeat; width:21px; height:21px; float:left; margin:0}
div#ct div#contenu div#col2fonc div#titfonc .puces .num {width:21px; height:19px; color:#FFFFFF; text-align:center; margin-top:2px; float:left;}
*/
div#ct div#contenu div#col2fonc div#titfonc .ch2 {float:left; height:21px; width:523px}
div#ct div#contenu div#col2fonc div#titfonc .ch2 h2 {margin:2px 0 0 10px;}
div#ct div#contenu div#col2fonc .fonctxt{float:left; background:url(/images/bg_trait.gif) repeat-y 10px 0;}
div#ct div#contenu div#col2fonc .fonctxt p {margin:0; padding:10px 0 10px 30px;}
div#ct div#contenu div#col2fonc div#descfonc ul {float:left; width:534px; padding-left:10px; list-style-type:none;}
div#ct div#contenu div#col2fonc div#descfonc ul li {float:left; width:534px; background:url(/images/puce_fonc.gif) no-repeat 0px 6px; padding:0 0 8px 5px;}
div#ct div#contenu div#col2fonc .fonctxt_nobg{float:left;}


/* ------------ Page particuliers ------------ */
div#ct div#contenu .bg_part{float:left; background:url(/images/bg_particuliers.gif) no-repeat; width:326px; height:235px; margin:0 10px 10px 30px;}
div#ct div#contenu .bg_part .visupart {width:124px; float:left; margin:11px 0 0 38px;}
div#ct div#contenu .bg_part .titpart {float:left;width:326px; height:100px;}
div#ct div#contenu .bg_part .titpart .txtpart{float:left; height:52px; padding:35px 0 0 15px; font-weight:700; width:129px}
div#ct div#contenu .bg_part .descpart{float:left; padding:10px 0 0 12px;}


/* ------------ Page professionnels ------------ */
div#ct div#contenu div#col2e {float:left; width:320px; background:url(/images/img_professionnels.jpg) no-repeat bottom left; margin-left:20px; padding-left:210px;}
div#ct div#contenu div#col3 div#entr {float:left; background:url(/images/bg_pro.gif) no-repeat bottom right; width:190px; height:201px; vertical-align:bottom; margin-right:20px}
div#ct div#contenu div#col3 div#entr ul {float:left; width:163px; margin-left:13px; padding-left:0; list-style-type:none;}
div#ct div#contenu div#col3 div#entr ul li {float:left; width:163px; background:url(/images/puce_orange.gif) no-repeat 0px 5px; padding:0 0 8px 13px;}

/* Page FAQ */
div#ct div#contenu div.faq {float:left; margin-bottom:20px;}
div#ct div#contenu div.faq div.int_question {float:left; padding-left:14px; width:746px;}
div#ct div#contenu div.faq a.question {float:left; color:#fff; font-weight:bold; font-size:12px; background:url('/images/bg-faq.gif') 20px 0 no-repeat; width:706px; height:24px; padding:4px 0 3px 50px; text-transform:uppercase; text-decoration:none; margin-bottom:5px;}
div#ct div#contenu div.faq a.question_on {float:left; color:#fff; font-weight:bold; font-size:12px; background:url('/images/bg-faq-on.gif') 20px 0 no-repeat; width:706px; height:24px; padding:4px 0 3px 50px; text-transform:uppercase; text-decoration:none;}
div#ct div#contenu div.faq div.reponse {float:left; margin:0 60px 10px 55px; padding:8px 20px 5px 10px; text-align:justify;}

div#ct div#contenu div.faq div.reponse div.faq_sous {float:left;}
div#ct div#contenu div.faq div.reponse div.faq_sous div.int_question2 {float:left; /*padding-left:14px;*/ width:746px;}
div#ct div#contenu div.faq div.reponse div.faq_sous a.ss_question {float:left; color:#000; font-weight:bold; font-size:12px; background:url('/images/bg-ss-faq.gif') 0 4px no-repeat; padding:1px 0 1px 16px; text-decoration:none; margin-bottom:5px;}
div#ct div#contenu div.faq div.reponse div.faq_sous a.ss_question_on {float:left; color:#000; font-weight:bold; font-size:12px; background:url('/images/bg-ss-faq-on.gif') 0 4px no-repeat; padding:1px 0 1px 16px; text-decoration:none;}
div#ct div#contenu div.faq div.reponse div.faq_sous div.reponse2 {float:left; margin:0 60px 10px 8px; padding:8px 20px 5px 10px; text-align:justify;}


/* ----------------------------*/ /* ----------------------------*/
/* ------------ Pages avec image de fond ------------ */

div#ct div#contenu div#imagedefondbd {float:left; width:760px;}
div#ct div#contenu div#imagedefondbd.parrainage {float:left; width:732px; background:url(/images/img_parrainage.jpg) no-repeat bottom right; margin-right:28px;}
div#ct div#contenu div#imagedefondbd.avotreecoute {float:left; width:730px; background:url(/images/img_avotreecoute.jpg) no-repeat top right; margin-right:30px;}
div#ct div#contenu div#imagedefondbd.contact {float:left; width:701px; background:url(/images/img_contact.jpg) no-repeat bottom right; margin-right:59px;}
div#ct div#contenu div#imagedefondbd.histoire {float:left; width:760px; background:url(/images/img_histoire.jpg) no-repeat bottom right;}