@charset "utf-8";
/* CSS Document */

/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
blockquote{}
/*/*ul, ol{margin: 0;padding: 0;list-style: none;}*/
.clear{ /* Class for clearing float s */clear:both;}
img{ /* Remove border around linked images */border: 0;}
*html h1, *html h2{margin:0; padding:0;}
*html a, *html input{position: relative;z-index: 1;}
body {margin:0; font-size:12px; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify;}
.clear{ clear:both; }

img.articles{border:1px solid #b8b8b8; margin-bottom:2px;}
img.articlesFat{border:2px solid #666666;}

h1.titleArticle{font-size:15px; font-weight:normal; margin-top:0; margin-bottom:10px;}
h1.nouvelles{margin-top:10px;}
h1.colle {margin-top:3px;}
h1.bold {font-weight:bold;}
h1.boldBoris {font-size:13px; margin-bottom:0;}

h1.titleArticleBreak {font-size:15px; margin-bottom:5px; }


a{text-decoration:underline; color:black;}
a:hover {color:black; text-decoration:underline;}
a:visited {color:black;}
a.lienNext{background-color:#ffde00;}

a.big {font-size:14px;}
a.lienUnder:hover{ text-decoration:underline;}

p.descripSections{margin-top:0}
p.nouvelles{margin-top:9px; margin-bottom:5px;}
p.propos{line-height:15px;}
p.index {margin-top:4px; line-height:15px;}
/*p.decolle {}*/


ul.listCustom {list-style:none; padding:0;}
ul.listCustom li{background:url(../../img/bullet.png) left 4px no-repeat; padding:0 0 4px 10px;}
ul.listCustom li a:hover{background-color:#ffde00;}

ul.listPlan {padding:0; margin:0;}
ul.listPlan li{background:url(../../img/bullet.png) left 4px no-repeat; padding:0 0 4px 10px; list-style:none;}
ul.listPlan li a:hover{background-color:#ffde00;}

ul.navigFooter {padding:0;}
ul.navigFooter li{padding-top:5px;}
/*****************--------BIG SECTIONS------------------------------******/
#wrap {width:933px; margin:0 auto;}
#wrap.nouvelles {margin-bottom:70px;}
#wrap.propos {margin-bottom:30px; margin-top:13px;}
#wrap.services{margin-bottom:70px; margin-top:13px;}
#wrap.real {margin-bottom:15px; margin-top:21px;}


#headerWrap {height:340px; text-align:center;}
#headerWrap #header #containNavig{ height:98px; width:933px; margin:0 auto; }
#headerWrap #header{ background:url(../../img/bannerHeader.png) top left no-repeat;}

#headerWrap #headerFlash {height:340px; background-color:black;}


#header {height:101px; position:absolute; width:100%;}
#containerContain {margin:10px 0 21px 0;}
#containerContain.propos, #containerContain.services{margin:0;}
#containerContain.services #contain #containLeft{margin-top:8px;}
#containerContain.real {margin:0; margin-top:8px;}




#footerWrap #footer {height:290px; padding-top:15px; width:933px; margin:0 auto;}

#footerWrap {background:url(../../img/footerBG.png) top center no-repeat; *height:350px; }


/************----------------HEADER**********************************/

#header #containNavig #navigContain {text-align:right; float:right; height:45px; margin-top:40px; width:511px;}

#header #containNavig #navigContain #navigSecContain #navigSec{float:right; margin-bottom:10px;}

#header #containNavig #navigContain #navigSecContain #navigSec a ,#header #containNavig #navigContain #navigSec img {float:left; display:block;}
#header #containNavig #navigContain #navigSecContain #navigSec #carriere {background:url(../../img/btnNavigSecCarr.png) top left no-repeat; height:11px; width:44px;}
#header #containNavig #navigContain #navigSecContain #navigSec #carriere:hover {background:url(../../img/btnNavigSecCarr.png) bottom left no-repeat;}


#header #containNavig #navigContain #navigSecContain #navigSec #plan {background:url(../../img/btnNavigSecPlan.png) top left no-repeat; height:11px; width:62px;}
#header #containNavig #navigContain #navigSecContain #navigSec #plan:hover {background:url(../../img/btnNavigSecPlan.png) bottom left no-repeat;}

#header #containNavig #navigContain #navigSecContain #navigSec #newsletter{background:url(../../img/btnNavigSecNews.png) top left no-repeat; height:11px; width:60px;}
#header #containNavig #navigContain #navigSecContain #navigSec #newsletter:hover {background:url(../../img/btnNavigSecNews.png) bottom left no-repeat;}


#header #containNavig #navigContain #navigMain a,#header #containNavig #navigContain #navigMain img {float:left; display:block;}
#header #containNavig #navigContain #navigMain #accueil {background:url(../../img/btnNavigAcc.png) top left no-repeat; width:50px; height:15px;}
#header #containNavig #navigContain #navigMain #accueil:hover{background:url(../../img/btnNavigAcc.png) bottom left no-repeat;}

#header #containNavig #navigContain #navigMain #propos {background:url(../../img/btnNavigPropos.png) top left no-repeat; width:59px; height:15px;}
#header #containNavig #navigContain #navigMain #propos:hover{background:url(../../img/btnNavigPropos.png) bottom left no-repeat;}

#header #containNavig #navigContain #navigMain #nouvelles{background:url(../../img/btnNavigsNouvelles.png) top left no-repeat; width:66px; height:15px;}
#header #containNavig #navigContain #navigMain #nouvelles:hover{background:url(../../img/btnNavigsNouvelles.png) bottom left no-repeat;}




#header #containNavig #navigContain #navigMain #realisations {background:url(../../img/btnNavigReal.png) top left no-repeat; width:82px; height:15px;}
#header #containNavig #navigContain #navigMain #realisations:hover {background:url(../../img/btnNavigReal.png) bottom left no-repeat;}

#header #containNavig #navigContain #navigMain #services {background:url(../../img/btnNavigServices.png) top left no-repeat; width:58px; height:15px;}
#header #containNavig #navigContain #navigMain #services:hover {background:url(../../img/btnNavigServices.png) bottom left no-repeat;}

#header #containNavig #navigContain #navigMain #contact {background:url(../../img/btnNavigContact.png) top left no-repeat; width:101px; height:15px;}
#header #containNavig #navigContain #navigMain #contact:hover {background:url(../../img/btnNavigContact.png) bottom left no-repeat;}





/**************----------CONTAIN------------------------***********/
#contain #containLeft { float:left;} 

#contain #containLeft #containClients{width:236px; margin-top:3px;}

#contain #containMid {width:372px; margin-left:47px; float:left;}
#contain #containMid.ajustMargin{margin-top:2px;}

#contain #containMid.nouvelles {width:639px; margin:0; margin-top:2px;}

#contain #containMid.contact{width:670px; margin:0; margin-top:2px;}
#contain #containMid.real {width:639px; margin:0; margin-top:2px;}

#contain #containMid.propos {margin-top:9.5px;}
#contain #containMid.services {margin-top:11px;}




 #contain #containRight.services{margin-top:9px;}
 #contain #containRight.propos{margin-top:8px;}

 
#contain #containRight {width:222px; float:right; margin-right:10px;} 


#contain #containRight #containReseaux #containIcons {text-align:center;}
#contain #containRight #containReseaux #containIcons img {margin-right:6px;}


/**-----------------------BANNER--------------------------************/
#header #containNavig #logo {float:left;  background:url(../../img/logo.png) top left no-repeat; height:63px; width:290px; margin-top:23px;}
#header #containNavig #logo a{display:block; height:63px; }
#contain #containLeft #containClients #banner {background:url(../../img/image-13.jpg) top left no-repeat; height:62px;}

#contain #containMid #containNouvelles #banner {background:url(../../img/image-11.jpg) top left no-repeat; height:59px; margin-bottom:5px;}
#contain #containMid #containNouvelles #banner.nouvelles {background:url(../../img/nouvelles.jpg) top left no-repeat; height:54px;}
#contain #containMid #containNouvelles #banner.propos {background:url(../../img/bannerPropos-02.jpg) top left no-repeat; height:55px; margin-bottom:10px;}
#contain #containMid #containNouvelles #banner.services {background:url(../../img/bannerConception.jpg) top left no-repeat; height:64px; margin-bottom:5px;}

#contain #containMid #containNouvelles #banner.real {background:url(../../img/bannerRealisations.jpg) top left no-repeat; height:60px;}
#contain #containMid #containNouvelles #banner.real {background:url(../../img/bannerRealisations.jpg) top left no-repeat; height:55px;}
#contain #containMid #containNouvelles #banner.entourage {background:url(../../img/bannerEntourage.jpg) top left no-repeat; height:60px; margin-bottom:5px;}
#contain #containMid #containNouvelles #banner.equipe {background:url(../../img/bannerEquipe.jpg) top left no-repeat; height:60px;}

#contain #containMid #containContacts #banner.contact {background:url(../../img/bannerContact.jpg) top left no-repeat; height:60px; margin-bottom:5px;}

#contain #containMid #containPlan #banner.planSite {background:url(../../img/bannerPlan.jpg) top left no-repeat; height:60px; margin-bottom:3px;}

/**--------------------------------------------BANNER SERVICES----------------------*************/

#contain #containMid.services #containNouvelles #banner.designWeb {background:url(../../img/bannerDesign.jpg) top left no-repeat; height:64px;}
#contain #containMid.services #containNouvelles #banner.programmation {background:url(../../img/bannerProgrammation.jpg) top left no-repeat; height:64px;}
#contain #containMid.services #containNouvelles #banner.systeme{background:url(../../img/bannerSysteme.jpg) top left no-repeat; height:64px;}
#contain #containMid.services #containNouvelles #banner.creation{background:url(../../img/bannerCreation.jpg) top left no-repeat; height:64px;}
#contain #containMid.services #containNouvelles #banner.consultation{background:url(../../img/bannerConsultation.jpg) top left no-repeat; height:64px;}
#contain #containMid.services #containNouvelles #banner.reseaux{background:url(../../img/bannerReseaux.jpg) top left no-repeat; height:64px;}
#contain #containMid.services #containNouvelles #banner.redaction{background:url(../../img/bannerRedaction.jpg) top left no-repeat; height:64px;}
#contain #containMid.services #containNouvelles #banner.courriel{background:url(../../img/bannerNewsletter.jpg) top left no-repeat; height:64px;}
#contain #containMid.services #containNouvelles #banner.hosting{background:url(../../img/bannerHebergement.jpg) top left no-repeat; height:64px;}

/*-------------------------------------------------------------------------------------**********/


#contain #containRight #containServices #banner {background:url(../../img/image-12.jpg) top left no-repeat; height:59px; margin-bottom:5px;}
#contain #containRight #containReseaux #banner {background:url(../../img/image-15.jpg) top left no-repeat; height:59px; margin-bottom:5px;}

#contain #containRight #containClients #banner {background:url(../../img/nosClients.jpg) top left no-repeat; height:56px; margin-bottom:6px; margin-top:2px;}

#contain #containLeft #containPropos #banner{background:url(../../img/bannerPropos.jpg) top left no-repeat; height:70px; margin-bottom:3px;}
#containerContain.services #contain #containLeft #containPropos #banner{background:url(../../img/image-12-wide.jpg) top left no-repeat; height:58px; margin-bottom:7px;}


#footer #footerSections #footerLeft #banner{background:url(../../img/footerSections-11.jpg) top left no-repeat; height:22px; width:197px; margin-bottom:5px; }
#footer #footerSections #footerMid #banner{background:url(../../img/footerSections-14.jpg) top left no-repeat; height:22px; width:153px; }
#footer #footerSections #footerRight #banner{background:url(../../img/footerSections-16.jpg) top left no-repeat; height:22px; width:141px; margin-bottom:5px;}


/****************CONTAIN LEFT/***************************************/
#contain #containLeft #containClients {margin-top:3px;}
#contain #containLeft #containClients #linkList {text-align:right;}
#contain #containLeft #containPropos {width:236px;}

/**********---CONTAIN MID---------------------------------*************/
#contain #containMid #containNouvelles #containNouvelleTop #linkSuite {text-align:right;}
#contain #containMid #containNouvelles #containNouvelleBot #linkSuite {text-align:right;}

#contain #containMid #containNouvelles #containNouvelleTop {margin-bottom:30px; width:355px;}
#contain #containMid #containNouvelles #containNouvelleBot {width:355px;}

#contain #containMid #containNouvelles #containNouvelleTop.nouvelles { width:100%; margin-left:0; margin-bottom:50px;}
#contain #containMid #containNouvelles #containNouvelleTop.propos {margin:0;}

#contain #containMid #containNouvelles #containNouvelleTop.real {margin-left:0; width:100%;}


#contain #containMid #containNouvelles #containNouvelleBot.nouvelles {width:100%; margin-left:0;}
#contain #containMid #containNouvelles #containNouvelleBot.real {width:100%; margin-left:0;}

#contain #containMid #containNouvelles #containNouvelleTop.propos #imageNouvelle{ margin-bottom:12px;}

/**********--------CONTAIN RIGHT------------------**********************/
#contain #containRight #containServices {margin-bottom:30px;}
#contain #containRight #containClients {margin-bottom:40px;}
#contain #containRight.real #containReseaux {margin-top:1px;}

#contain #containRight {width:222px;}

#contain #containRight.real #containClients #linkList{display:none;}

/****-----------------------FOOTER-----------------------------******/
#footer #logoFooter {background:url(../../img/image-21.jpg) top left no-repeat; height:71px;}
#footer #logoFooter a {height:71px; width:374px; display:block;}


#footer #footerSections {margin-top:15px; _margin-top:8px;}
#footer #footerSections #footerLeft{ float:left; width:247px; margin:0 70px 0 0; _margin-left:30px;}
#footer #footerSections #footerLeft #navigContain #navig{ margin-left:5px;}

#footer #footerSections #footerLeft #navigContain #navig ul{ list-style:inside disc;}
#footer #footerSections #footerMid{ float:left; width:201px; margin-right:71px; _margin-right:10px;}
#footer #footerSections #footerRight{ float:left; width:251px;}
#footer #footerSections #footerRight #iconsContain img{margin-right:2px;}