* {padding:0; margin:0; background-repeat:no-repeat;}
ul {list-style:none;}
a {text-decoration:none; color:#5AA1D2;}
a:hover {text-decoration:underline;}
a img {border:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#03070F; color:#FFF;background-image:url(images/bg_header.png);background-repeat:repeat-x;background-position:top;}
.center{text-align:center;}
.clear{clear:both;}


#cadre {}
#header {height:118px; width:900px; margin:0 auto;}

/**** MENU ****/
#menu {display:none;}
/**** FIN MENU ****/



#contenu {background-image:url(images/background.png);background-repeat:repeat;padding-bottom:10px;}

#contenu #col1 {width:900px; margin:0 auto;}
#contenu.societe #col1 {background-image:url(images/img_pSociete.png);background-position:top;padding-top:150px;}
#contenu.services-internet #col1 {background-image:url(images/img_pInternet.png);background-position:top;padding-top:150px;}
#contenu.services-emailing #col1 {background-image:url(images/img_pEmailing.png);background-position:top;padding-top:150px;}
#contenu.services-communication #col1 {background-image:url(images/img_pCommunication.png);background-position:top;padding-top:150px;}
#contenu.services-webmarketing #col1 {background-image:url(images/img_pWebmaketing.png);background-position:top;padding-top:150px;}


#contenu #col2 {width:820px; margin:0 auto; padding:10px 40px;}


#contenu p {margin-bottom:8px;text-indent:10px;}
#contenu ul{margin-bottom:8px;}
#contenu h1{font-size:17px;margin-bottom:8px;}
#contenu h2{font-size:16px;margin-bottom:8px;}
#contenu h3{font-size:15px;margin-bottom:8px;}
#contenu h4{font-size:14px;margin-bottom:8px;}
#contenu h5{font-size:13px;margin-bottom:8px;}
#contenu h6{font-size:12px;margin-bottom:8px;}


#lastrea {width:260px; margin-bottom:15px;float:left;margin:0 7px 0 6px;}
#lastrea .top {font-size:14px; color:#FFF;padding:2px;border-bottom:1px dotted #FFF;margin-bottom:8px;}

#newsletter {width:260px; margin-bottom:15px;float:left;margin:0 7px 0 6px;}
#newsletter .top {font-size:14px; color:#FFF;padding:2px;border-bottom:1px dotted #FFF;margin-bottom:8px;}
#newsletter .mid {text-align:center;}
#newsletter .mid input{width:75%; margin:10px 0;}

/**** MOD NEWS ****/
#news {width:260px; margin-bottom:15px;float:left;margin:0 7px;}
#news a {color:#5AA1D2;}
#news a:hover {}
#news .top {font-size:14px; color:#FFF;padding:2px;border-bottom:1px dotted #FFF;margin-bottom:8px;}
#news .mid{}
#news .bot {clear:both;}
#news .bloc {}
#news .bloc .titre {display:none;}
#news .bloc .date {background-image:url(images/bg_datenews.png);width:32px;height:30px;float:left;text-align:center;padding:6px 0 7px 0;}
#news .bloc .date .jour{font-size:16px;}
#news .bloc .date .mois{}
#news .bloc .texte {float:left;width:212px;padding:0 8px;text-align:justify;margin-bottom:8px;}
#news .bloc .texte a.suite{display:block;height:10px;padding:2px 0;font-size:10px;float:right;}
#news .bloc .texte a.suite:before{content:"Lire la suite +";}
/**** FIN MOD NEWS ****/


/**** PICTURE FLOW ****/
#pflow{text-align:center; margin-bottom:8px;}
#pflow .titregalerie {font-size:14px; color:#4ea1d2;text-align:left; text-indent:40px; padding:15px 0;}
/**** FIN PICTURE FLOW ****/


/**** FORMULAIRES ****/
.formulaire{font-size:11px;padding-bottom:5px; width:550px; margin:10px auto;}
#contenu .formulaire p{text-indent:0;padding:0 1.25% 8px 1.25%;text-align:left;}
.formulaire p select{text-align:right;}
.formulaire p select option{padding:0 10px;text-align:right;}
.formulaire p label:hover, .formulaire p input {cursor:pointer;}
.formulaire p.normal{width:97.5%;float:left;}
.formulaire p.normal label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire p.normal input, .formulaire p.normal textarea {width:74.6% }
.formulaire p.normal select{width:75%;}
.formulaire p.half{width:47.5%;float:left;}
.formulaire p.half.alerte{width:47%;margin: 0 0 8px .1%;}
.formulaire p.full{width:97.5%;float:left;}
.formulaire p.half label, .formulaire p.full label{text-align:left;float:left;width:100%;}
.formulaire p.half input, .formulaire p.half select, .formulaire p.half textarea, .formulaire p.full input, .formulaire p.full select, .formulaire p.full textarea{width:100%;}
.formulaire p.normal .grpradio, .formulaire p.normal .grpchkbox{float:left;width:75%;}
.formulaire p.half .grpradio, .formulaire p.half .grpchkbox{float:left;width:47.5%;}
.formulaire p.full .grpradio, .formulaire p.full .grpchkbox{float:left;width:97.5%;}
.formulaire p input.radio, .formulaire p input.checkbox{width:20px;margin:0;vertical-align:middle;}
.formulaire p.info, .formulaire p.alerte{display: block; margin-bottom:8px; background-position:5px 3px;}
.formulaire p.info{background-image:url(images/information.png); border-top:1px solid #69c;border-bottom:1px solid #69c;color:#69c;}
.formulaire p.alerte{background-image:url(images/warning.png); border:1px solid #F00;}
.formulaire p.alerte span.messageAlerte{float:left;width:100%;text-indent:15px;color:#F00;}
.formulaire p input.btEnvoyer{clear:both;background-image:url(images/btEnvoyer.png); width:92px; height:24px; border:0; background-color:transparent;}
.formulaire p .legende{margin-left:8px;}
.formulaire p.clear label{text-align:right;float:left;width:24.5%;padding-right:.5%;}
.formulaire .oblig {font-weight:bold;color:#FFF;}
.formulaire .oblig:before {content:"* ";}
/**** FIN FORMULAIRES ****/


/**** GOOGLE MAPS ****/
/* définir hauteur et largeur du plan */
#map {width:560px; height:350px;}
#map a {  color:#333333; }
a.googlemaps:after{content:" " url(images/googlemaps.png);}
/**** FIN GOOGLE MAPS ****/


/**** FOOTER ****/
#footer{  width:820px; margin:2px auto; padding:10px 40px;clear:both;}
#footer .top{background-image:url(images/fleche_blanche.png);background-position:left center;color:#5AA1D2;font-size:12px;border-bottom:1px dotted #FFF;padding:2px 0;text-indent:5px;margin-bottom:15px;text-align:left;}
#footer .siege{width:260px;float:left;margin:0 7px;line-height:18px;}
#footer .siege a{color:#5AA1D2;}
#footer .agences{width:260px;float:left;margin:0 7px 0 6px;text-align:center;line-height:18px;}
#footer .partenaires{width:260px;float:left;margin:0 7px 0 6px;line-height:18px;}

#footer hr {width:100%;clear:both;height:9px;border: 0;border-bottom:1px dotted #FFF;}

#footer .menubas {padding:8px 0;}
#footer .menubas li {display:inline;margin:0 13px;}
#footer .menubas li a {color:#fff;}


#footer .mentions{}
#footer a{}
#footer a:hover{}
/**** FIN FOOTER ****/