/* CSS Document */
body { background:url(images/fond-page.jpg) repeat-x #FFF; margin:0; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#superConteneur{ margin:0 auto; position:relative; background:url(images/header.jpg) no-repeat top center; min-height:185px;}
#conteneur{ width:960px; margin:0 auto; position:relative;}

/******************************************** PAGE ACCUEIL ********************************************/
#groupe {float:right; padding:0; margin:0; font-size:1.2em; color:#808f92; font-weight:bold; text-decoration:none; height:25px; line-height:25px;}
#accroche {clear:right; float:right; margin:43px 10px 35px 0; padding:0; width:532px; height:55px; background:url(images/accroche.gif); text-indent:-5000px;}

/*#menu {clear:right; float:right; padding:0; margin:33px 0 0 0; width:960px; height:28px; list-style:none; font-size:1.4em; font-weight:bold;}
#menu li {float:right; padding:2px 9px 0 9px; margin:0 0 3px 0; height:18px; text-align:center; border-right:1px solid #afb4b5;}
#menu li a { display:block; color:#624c1f; text-decoration:none; padding:0 0 8px 0; }
#menu li a:hover { display:block; color:#624c1f; text-decoration:none; padding:0 0 8px 0; border-bottom:5px solid #9fc21d;}
*/

#conteneurmenu { margin:0; padding:0; height:28px; width:960px; position:relative; z-index:100; font-size:14px; clear:right; float:right;}
.menu {	float:left; display:inline; margin:0; height:28px; text-align:center; background:url(images/trait-menu.jpg) no-repeat right top; font-weight:bold; line-height:20px;}
.menu a {color:#624c1f; padding:0; margin:0; text-decoration:none; height:23px; display:block; }
.menu a:hover {color:#624c1f; padding:0; margin:0; text-decoration:none; height:23px; display:block; border-bottom:5px solid #9fc21d; }
.ssmenu { background:#9fc21d; padding:5px 0px; font-size:1em; }

.ssmenu ul, .ssmenu li.lienMenu {/* Ne pas trop toucher. Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0; list-style-type:none; background:transparent;
}

.ssmenu a, .ssmenu a:visited {
	color:#fff; padding:5px 0px; text-decoration:none; font-weight:normal; border-bottom:1px dotted #f8ffcc;
/* Ne pas modifier le block, margin et width */
	display:block; margin:2px 12px; width:100%;
}
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active { width:auto;}
.menuOuvert a {color:#624c1f; padding:0; margin:0; text-decoration:none; height:23px; display:block; border-bottom:5px solid #9fc21d;}



#zoomSur {clear:left; float:left; padding:0 0 15px 0; margin:0; width:350px;}
#zoomSur #titre {clear:left; float:left; padding:0; margin:0; width:350px; height:71px; background:url(images/zoom-sur.jpg); text-indent:-5000px;}
#zoomSur h2 {clear:left; float:left; padding:0; margin:0 0 5px 0; width:330px; color:#6d4900; font-size:1.6em; font-weight:bold;}
#zoomSur img {border:2px solid #7fa731; width:326px;}
#zoomSur p {clear:left; float:left; padding:8px 0; margin:0; width:330px; color:#575757; font-size:1.2em; border-bottom:1px dotted #575757; text-align:justify;}
#zoomSur a {clear:left; float:left; padding:8px 0; margin:0; width:330px; color:#7fa731; font-size:1.4em; font-weight:bold;}

#qui {float:left; padding:0 0 15px 0; margin:0; width:320px;}
#qui h2 {clear:left; float:left; padding:0; margin:0; width:320px; height:75px; background:url(images/qui-sommes-nous.jpg); text-indent:-5000px;}
#qui p {clear:left; float:left; padding:8px 0; margin:0; width:300px; color:#575757; font-size:1.2em; text-align:justify;}

#actualites {float:left; padding:75px 10px 15px 10px; margin:0; width:270px; min-height:270px; background:url(images/bg-a-la-une.jpg) no-repeat left top #FFF;}
#actualites p.date {clear:left; float:left; padding:10px 0 0 0; margin:0; width:270px; color:#575757; font-size:1.1em; font-weight:bold;}
#actualites h2 {clear:left; float:left; padding:0; margin:0 0 3px 0; width:270px; color:#7fa731; font-size:1.4em; font-weight:bold;}
#actualites h2 a {color:#7fa731; text-decoration:none;}
#actualites p.texte {clear:left; float:left; padding:0 0 10px 0; margin:0; width:270px; color:#575757; font-size:1.2em; border-bottom:1px dotted #575757;}
#actualites p.texte img {float:left; margin:2px 5px 0 0; border:2px solid #7fa731;}
#actualites p.texte a {color:#7fa731; font-weight:bold;}
#actualites #plus {clear:left; float:left; padding:0; margin:8px 0; width:270px; color:#7fa731; font-size:1.4em; font-weight:bold;}

#footer {clear:left; margin:0px auto; width:100%; height:69px; background:url(images/footer.jpg);}
#footer #contenuFooter { width:940px; margin:0 auto; padding:15px 10px; position:relative; font-size:1.2em; }
#footer #contenuFooter #mail { float:left; color:#fff; font-weight:bold; background:url(images/icone-contact.jpg) no-repeat left; line-height:23px; padding:0 0 0 32px;  }
#footer #contenuFooter #tel { float:left; color:#fff; font-weight:bold; background:url(images/icone-tel.jpg) no-repeat left; line-height:23px; padding:0 0 0 32px; margin:0 50px;  }
#footer #contenuFooter #liens { float:right; color:#fff; line-height:23px; padding:0; margin:0;  }
#footer #contenuFooter #liens a { color:#fff; text-decoration:none; }


/******************************************** PAGES DE NAV ********************************************/
h1#presentation { clear:both; padding:75px 30px 0 30px; margin:3px 0 0 0; width:900px; height:55px; background:url(images/titre-presentation.jpg) no-repeat top; color:#FFF; font-size:1.8em;}
h1#emailing {clear:both; padding:105px 0 0 285px; margin:3px 0 0 0; width:675px; height:110px; background:url(images/titre-emailing.jpg); color:#FFF; font-size:1.8em;}
h1#heberge {clear:both; padding:105px 0 0 285px; margin:3px 0 0 0; width:675px; height:110px; background:url(images/titre-emailing-herberge.jpg); color:#FFF; font-size:1.8em;}
h1#evolutif {clear:both; padding:105px 0 0 285px; margin:3px 0 0 0; width:675px; height:110px; background:url(images/titre-emailing-evolutif.jpg); color:#FFF; font-size:1.8em;}
h1#sms {clear:both; padding:105px 0 0 285px; margin:3px 0 0 0; width:675px; height:110px; background:url(images/titre-sms.jpg); color:#FFF; font-size:1.8em;}
h1#webmarketing {clear:both; padding:105px 0 0 285px; margin:3px 0 0 0; width:675px; height:110px; background:url(images/titre-webmarketing.jpg); color:#FFF; font-size:1.8em;}
h1#conseils {clear:both; padding:105px 0 0 285px; margin:3px 0 0 0; width:675px; height:110px; background:url(images/titre-conseils.jpg); color:#FFF; font-size:1.8em;}
h1#actus { clear:both; padding:75px 30px 0 30px; margin:3px 0 0 0; width:900px; height:60px; background:url(images/titre-actualites.jpg) no-repeat top; color:#FFF; font-size:1.8em;}
h1#references { clear:both; padding:75px 30px 0 30px; margin:3px 0 0 0; width:900px; height:60px; background:url(images/titre-references.jpg) no-repeat top; color:#FFF; font-size:1.8em;}
h1#zoom { clear:both; padding:75px 30px 0 30px; margin:3px 0 0 0; width:900px; height:60px; background:url(images/titre-zoom.jpg) no-repeat top; color:#FFF; font-size:1.8em;}
h1#contact { clear:both; padding:75px 30px 0 30px; margin:3px 0 0 0; width:900px; height:60px; background:url(images/titre-contact.jpg) no-repeat top; color:#FFF; font-size:1.8em;}
h1#mentions { clear:both; padding:75px 30px 0 30px; margin:3px 0 0 0; width:900px; height:55px; background:url(images/titre-mentions.jpg) no-repeat top; color:#FFF; font-size:1.8em;}

p.large {clear:left; float:left; padding:10px 45px; margin:0 0 20px 0; color:#5d4f2b; font-size:1.4em; width:870px; line-height:20px; text-align:justify; background:url(images/guillemets.jpg) no-repeat;}
p.large2 {clear:left; float:left; padding:10px 45px; margin:0 0 20px 0; color:#5d4f2b; font-size:1.4em; width:870px; line-height:20px; text-align:justify; background:url(images/guillemets2.jpg) no-repeat;}

#colonneGauche {float:left; display:inline; padding:10px 0; margin:0 40px 0 0; width:460px; text-align:justify; line-height:18px;}
#colonneDroite {float:left; display:inline; padding:10px 0; margin:0; width:460px; text-align:justify; line-height:18px;}

h2#webmarketing {clear:left; float:left; padding:0; margin:0; width:310px; height:52px; background:url(images/pole-webmarketing.gif); text-indent:-5000px;}
h2#groupe {clear:left; float:left; padding:0; margin:0; width:425px; height:52px; background:url(images/groupe-infocob.gif); text-indent:-5000px;}
h2#formation {clear:left; float:left; padding:0; margin:0; width:430px; height:52px; background:url(images/formation.gif); text-indent:-5000px;}
h2#etapes {clear:left; float:left; padding:0; margin:0; width:460px; height:52px; background:url(images/4-etapes.gif); text-indent:-5000px;}
h2#base {clear:left; float:left; padding:0; margin:0; width:430px; height:52px; background:url(images/base-contact.gif); text-indent:-5000px;}
h2#tracking {clear:left; float:left; padding:0; margin:0; width:215px; height:52px; background:url(images/tracking.gif); text-indent:-5000px;}
h2#historique {clear:left; float:left; padding:0; margin:0; width:240px; height:52px; background:url(images/historique.gif); text-indent:-5000px;}
h2#desabonnements {clear:left; float:left; padding:0; margin:0; width:339px; height:52px; background:url(images/desabonnements.gif); text-indent:-5000px;}
h2#connexion {clear:left; float:left; padding:0; margin:0; width:405px; height:52px; background:url(images/connexion-distance.gif); text-indent:-5000px;}
h2#avantages {clear:left; float:left; padding:0; margin:0; width:400px; height:52px; background:url(images/avantages.gif); text-indent:-5000px;}
h2#personnalisation {clear:left; float:left; padding:0; margin:0; width:360px; height:52px; background:url(images/personnalisation.gif); text-indent:-5000px;}
h2#modules {clear:left; float:left; padding:0; margin:0; width:320px; height:52px; background:url(images/modules.gif); text-indent:-5000px;}
h2#sms {clear:left; float:left; padding:0; margin:0; width:301px; height:52px; background:url(images/sms.gif); text-indent:-5000px;}
h2#referencement {clear:left; float:left; padding:0; margin:0; width:376px; height:52px; background:url(images/referencement.gif); text-indent:-5000px;}
h2#adwords {clear:left; float:left; padding:0; margin:0; width:192px; height:52px; background:url(images/adwords.gif); text-indent:-5000px;}
h2#actions {clear:left; float:left; padding:0; margin:0; width:268px; height:52px; background:url(images/actions.gif); text-indent:-5000px;}
h2#email {clear:left; float:left; padding:0; margin:0; width:199px; height:52px; background:url(images/email.gif); text-indent:-5000px;}
h2#liberer {clear:left; float:left; padding:0; margin:0; width:307px; height:52px; background:url(images/liberer.gif); text-indent:-5000px;}
h2#exemple {clear:left; float:left; padding:0; margin:20px 0 0 0; width:268px; height:52px; background:url(images/exemple.gif); text-indent:-5000px;}
h2#question {clear:left; float:left; padding:0; margin:0; width:332px; height:52px; background:url(images/question.gif); text-indent:-5000px;}
h2#coordonnees {clear:left; float:left; padding:0; margin:0 10px; width:247px; height:52px; background:url(images/coordonnees.gif); text-indent:-5000px;}

#colonneGauche p, #colonneDroite p {clear:left; float:left; padding:8px 0; margin:0; color:#575757; font-size:1.3em; width:460px;}
#colonneGauche p a, #colonneDroite p a {color:#575757; text-decoration:underline;}
#colonneGauche span, #colonneDroite span {color:#7b9900; font-size:1.1em; font-weight:bold;}

#colonneGauche ul, #colonneDroite ul {clear:left; float:left; padding:0; margin:0 0 5px 0; width:460px; color:#575757; font-size:1.3em; line-height:17px; list-style:none; text-align:left;}
#colonneGauche ul li, #colonneDroite ul li {float:left; padding:0 0 0 15px; margin:0 0 12px 30px; width:415px; background:url(images/puce.gif) no-repeat 0px 3px;}
#colonneGauche ul li a, #colonneDroite ul li a {color:#575757; text-decoration:none;}
#colonneGauche ul li a:hover, #colonneDroite ul li a :hover{color:#575757; text-decoration:underline;}

#encart1 {clear:left; float:left; padding:0 10px; margin:10px 0 20px 0; width:440px; height:156px; background:url(images/encart1.gif); color:#575757; }
#encart1 p {clear:left; float:left; padding:8px 0; margin:0; color:#575757; width:440px;}
#encart1 ul li { margin:0 0 8px 20px; }
#encart1 ul li a { font-size:14px; font-weight:bold; text-decoration:none;}
#encart1 ul li a :hover{ font-size:14px; font-weight:bold; text-decoration:underline;}

#encart2 {clear:left; float:left; padding:0 10px; margin:10px 0 20px 0; width:440px; height:205px; background:url(images/encart2.gif); color:#575757; }
#encart2 p {clear:left; float:left; padding:8px 0; margin:0; color:#575757; width:440px;}
#encart2 ul li { margin:0 0 8px 20px; }
#encart2 ul li a { font-size:14px; font-weight:bold; text-decoration:none;}
#encart2 ul li a :hover{ font-size:14px; font-weight:bold; text-decoration:underline;}

#encartPlus {clear:left; float:left; padding:40px 10px 0 10px; margin:10px 0 30px 0; width:440px; height:106px; background:url(images/encart-plus.gif); color:#575757; }
#encartPlus ul li { margin:0 0 8px 20px; }
#encartPlus ul li { margin:0 0 8px 20px; }
#encartPlus ul li a { font-size:14px; font-weight:bold; text-decoration:none;}
#encartPlus ul li a :hover{ font-size:14px; font-weight:bold; text-decoration:underline;}

#encartReactivite {clear:left; float:left; padding:30px 10px 0 10px; margin:55px 0 20px 0; width:440px; height:75px; background:url(images/encart-reactivite.gif); color:#575757; }
#encartReactivite p {clear:left; float:left; padding:8px 0; margin:0; color:#575757; width:440px; line-height:18px;}

#encartSuivi {clear:left; float:left; padding:30px 10px 0 10px; margin:10px 0 20px 0; width:440px; height:55px; background:url(images/encart-suivi.gif); color:#575757; }
#encartSuivi p {clear:left; float:left; padding:8px 0; margin:0; color:#575757; width:440px; line-height:18px;}

#encartEfficacite {clear:left; float:left; padding:40px 10px 0 10px; margin:10px 0 20px 0; width:440px; height:125px; background:url(images/encart-efficacite.gif); color:#575757; }
#encartEfficacite ul li { margin:0 0 8px 20px; }

a.module {float:left; padding:0 10px; margin:0 0 12px 0; width:440px; height:32px; line-height:32px; background:url(images/bg-module.gif); color:#575757; font-size:1.4em; text-decoration:none;}

#boxContact {clear:left; float:left; padding:35px 10px 0 10px; margin:20px 0 0 0; width:940px; height:95px; background:url(images/box-contact.jpg);}
#boxContact #champs {float:left; width:650px;}
#boxContact #btn {float:left; width:200px; margin-top:10px}
#boxContact p.grand {clear:left; float:left; padding:5px 0; margin:0; color:#575757; font-size:1.3em; width:940px;}
#boxContact p.grand span {color:#7b9900; font-weight:bold;}
#boxContact p.petit {float:left; padding:5px 0 0 0; margin:0; color:#575757; font-size:1.3em; width:310px;}


/******************************************** actualites ********************************************/
#colonneGaucheActu {float:left; display:inline; padding:10px 0; margin:0 20px 0 0; width:580px; text-align:justify; line-height:18px; font-size:13px;}
#colonneGaucheActu p, #colonneGaucheActu .contenuActu {clear:left; float:left; padding:8px 0; margin:0; color:#575757; font-size:13px; width:580px;}
#colonneGaucheActu .contenuActu a {color:#8bb000; text-decoration:underline;}
#colonneGaucheActu ul {clear:left; float:left; padding:0; margin:0 0 5px 0; width:580px; color:#575757; font-size:13px; line-height:17px; list-style:none; text-align:left;}
#colonneGaucheActu ul li {float:left; padding:0 0 0 15px; margin:0 0 5px 30px; width:505px; background:url(images/puce.gif) no-repeat 0px 3px;}
#colonneGaucheActu ul li a {color:#575757; text-decoration:none;}
#colonneGaucheActu ul li a:hover{color:#575757; text-decoration:underline;}

#colonneDroiteActu {float:left; display:inline; padding:10px 0; margin:40px 0 0 0; width:360px; text-align:justify; line-height:18px;}

.dateActu {clear:left; float:left; padding:0; margin:0; width:580px; font-size:14px; color:#99c200; font-weight:bold;}
h2.titreActu{clear:left; float:left; padding:0; margin:0; width:580px; font-size:18px; color:#645127; font-weight:bold; text-align:left;}
a.pdf {float:left; padding:0 10px; margin:8px 0; width:340px; height:32px; line-height:32px; background:url(images/pdf-actu.jpg); color:#575757; font-size:1.4em; text-decoration:none;}

/******************************************** focus ********************************************/
#colonneFocus {float:left; display:inline; padding:10px 0; margin:0 20px 0 0; width:960px; text-align:justify; line-height:18px; font-size:13px;}
#colonneFocus p, #colonneFocus .contenuActu {clear:left; float:left; padding:8px 0; margin:0; color:#575757; font-size:13px; width:960px;}
#colonneFocus .contenuActu a {color:#8bb000; text-decoration:underline;}
#colonneFocus ul {clear:left; float:left; padding:0; margin:0 0 5px 0; width:960px; color:#575757; font-size:13px; line-height:17px; list-style:none; text-align:left;}
#colonneFocus ul li {float:left; padding:0 0 0 15px; margin:0 0 5px 30px; width:705px; background:url(images/puce.gif) no-repeat 0px 3px;}
#colonneFocus ul li a {color:#575757; text-decoration:none;}
#colonneFocus ul li a:hover{color:#575757; text-decoration:underline;}


.dateFocus {clear:left; float:left; padding:0; margin:0; width:960px; font-size:14px; color:#99c200; font-weight:bold;}
h2.titreFocus {clear:left; float:left; padding:0; margin:0; width:960px; font-size:18px; color:#645127; font-weight:bold; text-align:left;}
a.pdf {float:left; padding:0 10px; margin:8px 0; width:340px; height:32px; line-height:32px; background:url(images/pdf-actu.jpg); color:#575757; font-size:1.4em; text-decoration:none;}



/******************************************** contact ********************************************/
#colonneGaucheContact {float:left; display:inline; padding:10px 0; margin:0 20px 0 0; width:660px; text-align:justify; line-height:18px; font-size:13px;}
#colonneGaucheContact p.court {float:left; padding:5px 0 0 0; margin:0; color:#575757; font-size:13px; width:330px;}
#colonneGaucheContact p.long {float:left; padding:5px 0 0 0; margin:0; color:#575757; font-size:13px; width:660px;}
#colonneGaucheContact span {color:#7b9900; font-size:1.1em; font-weight:bold;}

label {float:left; display:inline; width:100px; text-align:left;}
#colonneGaucheContact p.message {clear:left; float:left; padding:8px 0; margin:0; color:#99c200; width:660px; text-align:center; font-weight:bold;}
.btnEnvoyer { background:url(images/btn-envoyer.jpg); width:175px; height:44px; border:none;}

#colonneDroiteContact{float:left; display:inline; padding:10px 0; margin:0; width:280px; min-height:290px; text-align:justify; line-height:18px; background:url(images/colonne-adresse.jpg) no-repeat top;}
#colonneDroiteContact p {clear:left; float:left; padding:8px 0; margin:0 10px; color:#575757; font-size:1.3em; width:260px;}



/******************************************** emailing ********************************************/
.refEmailing{width:240px; float:left; margin-bottom: 30px;}
.boxCapture {margin-top:45px;}
.imgCenter {text-align:center; margin-left: auto; margin-right: auto;}
.reset-float {visibility: hidden; clear: both;}
h2.nomEmailing {clear:left; float:left; padding:0; margin:0; font-size:18px; color:#645127; font-weight:bold; text-align:left;}
.typeEmailing {clear:left; float:left; padding:0; margin:0; font-size:14px; color:#99c200; font-weight:bold; width:200px;}
.ombre { width:100%; height:25px;}