body{background:#000; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; font-size: .8em; line-height: 1.25; margin:0; padding:0}
ul{margin-left:40px; padding-left:00px}
.contenu a{color:#000;}
a img {border:0}
p.site a 	{padding-left:20px; background:url(../img/icons.png) no-repeat 0 -76px;}
.technos 	{padding-left:20px; background:url(../img/icons.png) no-repeat 0 -168px;}
.xhtmlValid 	{padding-left:20px; background:url(../img/icons.png) no-repeat 0 -30px;}
.date 		{padding-left:20px; background:url(../img/icons.png) no-repeat 0 -122px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.sectionWrapper {padding:150px 0; background-repeat:repeat-x; background-position: 0 0;}
div.section{width:800px; margin:0 auto 0 auto; height:auto !important; min-height:900px; height:900px}
div.contenu {border:3px solid #12506d; width:800px; clear:left; background:#fff; color:#222; height:auto !important; min-height:50px; height:50px;padding:5px}
div.contenu p {margin:0 0 0.5em 0}
h1{float:left; height:100px; width:269px; margin:15px 0; padding:0}
h2{margin:0.5em 0; padding:0; clear:left; color:#fff; font-weight:normal; font-size:1.4em;}
h3{margin:0;}
h4{margin:1em 0 0.5em 0}

/* Menu */
div.menu {margin:0; padding:22px 0 0 0 }
div.menu ul {margin:0 0 0 0; padding:0}
div.menu li{display:block; float:left; width:176px; height:38px; border-left:1px dotted #fff; line-height:38px; text-align:center; color:#fff}
div.menu li.active{color:#ecc841}
div.menu li.contact {height:76px;float:right;}
div.menu li.contact a {text-indent:-5000px; background:transparent url(../img/mail.png) no-repeat 50% 0%; height:76px; width:176px}
div.menu li.contact a:hover, div.menu li.contact a:focus  {background:transparent url(../img/mail.png) no-repeat 50% 100%}
div.menu li a {display:block; color:#fff; text-decoration:none; background:transparent}
div.menu li a:hover, div.menu li a:focus{color:#ecc841; background:transparent}

/* Home section */
#homeSectionWrapper {background-color:#879BE5; background-image:url(../img/gradient1.png); padding:0}
#homeSectionWrapper .contenu {border-color:#222; padding:0}
/** Duplications Section */
#duplicationSectionWrapper {background-color:#cb78ea; background-image:url(../img/gradient2.png);}
#duplicationSectionWrapper .contenu {border-color:#4677A8}
/** Numérisation Section */
#numerisationSectionWrapper {background-color:#f05a32; background-image:url(../img/gradient3.png);}
#numerisationSectionWrapper .contenu {border-color:#8F2C63}
/** Cybercafé Section */
#cafeSectionWrapper {background-color:#a1d64c; background-image:url(../img/gradient4.png);}
#cafeSectionWrapper .contenu {border-color:#A3D34C}
/** Contact Section */
#contactSectionWrapper {background-color:#000; background-image:url(../img/gradient5.png);}
#contactSectionWrapper .contenu {border-color:#C3A041}
.cssform {margin-right:1em; width:430px; float:left;}
.cssform .ctrlHolder {margin:0.5em 0}
.cssform p{width: 500px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; /*width of left column containing the label elements*/border-top: 1px dashed gray; height: 1%;}
.cssform label{font-weight: bold; float: left; margin-left: 0px; /*width of left column*/ width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}
.cssform textarea{width: 250px; height:150px;}
.cssform .error{border:1px solid red}
.cssform .errorTip {color:red}
#adresse {margin-left:430px}
#adresse img {margin-bottom:1em}
#map{height: 500px; border:1px dashed #C3A041}


/***
*  Realisations 
**/
.description {padding:0 0.5em}
#galerieWrapper {width:800px; margin:0 auto;}
ul#galerie {width:800px; height:400px; margin:0 auto; padding:0; background:#222; color:#fff; overflow:hidden}
ul#galerie li.galItem {width:800px; height:400px; overflow:auto; padding:0;  margin:0; list-style-type:none;}
ul#galerie li.galItem img{float:right}
#rea-combronde{background:#000;}
	#rea-combronde a{color:#fff}
#rea-3C-cuisines{background:#501C32}
	#rea-3C-cuisines a{color:#fff}
#rea-carte-tentation{background:#E4C57D; color:#000}
#rea-clerad {background:#e0e0e0; color:#222}
#rea-aptys-pharmaceuticals {background:#fff; color:#222}
#rea-dclic-informatique{background:#335489; color:#fff}
	#rea-dclic-informatique a{color:#fff}
#rea-ferrieres-st-mary{background:#A3CE0F; color:#222}
#rea-jala{background:#F2DDA4; color:#222}
#rea-video-sur-dvd{background:#B4B2B3; color:#222}
#rea-annoncemarchepublic{}
	#rea-annoncemarchepublic a{color:#fff}
#rea-gite-de-bourgogne{background:#FEFFDD; color:#222}
#rea-lycee-marie-laurencin{background:#fff; color:#222}
#rea-lycee-valery-larbaud{background:#fff; color:#222}
#rea-le-clean{background:#000; color:#fff;}
	#rea-le-clean a {color:#fff;}
#rea-gardes-pompes{background:#002343}
	#rea-gardes-pompes a {color:#fff}

/* Boutons d'actions générés en JS */
a.galerie-action {background:#000; color:#fff; display:block; width:17px; height:45px; text-align:center}
a#thumbs-prev {float:left; background:#222222 url(../img/galerie-sprites.png) no-repeat 0 0px;}
a#thumbs-next {float:right; background:#222222 url(../img/galerie-sprites.png) no-repeat 0 -45px;}

/* Miniatures */
div#thumbsWrapper{width:800px; margin:0 auto; padding:0; background:#222222; position:relative; border-top:4px solid #222; border-bottom:1px solid #222}
ul#galerie-thumbs {margin:0; padding:0; position:relative}
ul#galerie-thumbs li{margin:0; padding:0; display:block; float:left; width:40px; height:40px; list-style-type:none;}
ul#galerie-thumbs li a{color:#222}
div#activeThumb{background:url(../img/galerie-sprites.png) no-repeat 50% -90px; position:absolute; height:40px; width:40px; bottom:0px; left:00px}

/** Duplication */
#duplicationSection h3 {margin:1em 0 0.5em 0}
table {border-collapse:collapse;}
table.large {width:100%}
caption {margin-top:2em; font-weight:bold}
td,th {border:1px solid #999; padding:0.5em;}
th {background:#C8AFFF; font-weight:normal; color:#3F1A8F; width:150px}
td{text-align:center;}
td.empty{border:0}