/*
rose : #c10076
orange : #db8f1b
texte : #4c4c4e
*/

@import "reset.css";


body{background:#ffffff;}
#container{background:#fff url('../images/bkg-top.png') no-repeat 200px 0; margin:0px auto; position:relative; width:980px; font-family: arial, verdana, sans-serif; padding-top:30px; color:#4c4c4e;}

#logo{position:absolute; bottom:19px; left:24px}
#bandeau{float:right; margin-right:3px}

#navcol{float:left; width:173px; clear:both; margin-top:10px; padding-right:27px}
	#zoomcol{clear:both;padding-top:55px; text-align:right;  }
	#zoomcol p{color:#4c4c4e;}
	#zoomcol h3{font-size:11px; text-transform:uppercase; font-weight:bold; color:#fff}
	#zoomcol h1{text-transform: uppercase; color:#4c4c4e; font-size:11px; margin-bottom: 5px; line-height:16px; font-weight:bold}
	
#content{float:left; margin:4px 0 0 0px; background:url('../images/bkg.png') repeat-y 0px bottom; }
#content2{float:left; width:770px; min-height:518px;  background: url('../images/bkg-bottom.png') no-repeat 0 bottom; }
#subcol{float:left; width:159px; padding:16px 20px 20px; margin-left:3px}
.references #subcol{padding:16px 18px 18px; width:162px }
#maincol{float:left; width:519px; padding:16px 20px 20px;  margin-left:1px}
	#maincol ul, p, td{color:#4c4f54; font-size:11px; line-height:16px; margin-bottom:10px}
	#maincol p img{margin-top: -20px}
	#maincol a:hover, #subcol a:hover {color: #db8f1b}
	#maincol h1 {color:#c10076; font-size:11px; line-height: 15px; text-transform:none;}
	#maincol h1 span{text-transform:uppercase; font-weight:bold}
 
	
#menu{margin-top:11px}
#menu li{float:right; clear:both}
#menu .m1{background-position:0px 0px;height:21px; width:119px}
#menu .m2{background-position:-29px -21px;height:22px; width:90px}
#menu .m3{background-position:-18px -43px;height:22px; width:101px}
#menu .m4{background-position:-30px -65px;height:22px; width:89px}
#menu .m5{background-position:-62px -87px;height:22px; width:57px}
#menu .m6{background-position:-24px -109px;height:21px; width:95px}
#menu .m1:hover,#menu .selected .m1{background-position:-119px -0px;}
#menu .m2:hover,#menu .selected .m2{background-position:-148px -21px;}
#menu .m3:hover,#menu .selected .m3{background-position:-137px -43px;}
#menu .m4:hover,#menu .selected .m4{background-position:-149px -65px;}
#menu .m5:hover,#menu .selected .m5{background-position:-181px -87px;}
#menu .m6:hover,#menu .selected .m6{background-position:-143px -109px;}
#menu a{background:url('../images/menu.png') no-repeat;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:no-repeat;display:block;}
#menu span{display:none}

.titre_image {margin: 0px 0px 20px}
#footer{ font-size:11px; color:#db8f1b; text-align:right; margin-right:16px;}
#footer.scroll{margin-bottom:20px}
	#footer li{display:inline}
	#footer a {font-weight: light}
	#footer a:hover {color: #c10076}
#illus{position: relative; width: 520px; height: 360px; margin-bottom:13px}
.references #maincol #illus, #maincol #erreur{height:395px; margin-bottom:13px}
.references h1, h1.erreur{margin-bottom:0px}

a, .lien{color:#db8f1b; text-decoration:none; font-size:11px;}
a:hover, .selected{color:#c10076}
em{font-style: italic}
h2{color:#c10076; font-size:11px; line-height: 15px; text-transform:uppercase; font-weight:bold}
.references h2{text-transform: uppercase; color:#4c4c4e; font-size:11px; margin-bottom: 5px; line-height:16px; font-weight:bold}
h3{font-size:11px; text-transform:uppercase; font-weight:bold; color:#c10076}
h4{text-transform: uppercase; color:#4c4c4e; font-size:11px; margin-bottom: 5px; line-height:16px; font-weight:bold}
hr{clear:both; visibility:hidden}
strong, .strong{font-weight:bold}

.montrer{display:block}
.cacher{display:none}

.clearBoth{clear:both}
#subcol .date{font-style:italic; margin-bottom:0}

#alert{margin-left:0px auto; position: relative, width: 980px; padding-top: 30px}

.floatLeft{float:left; margin-right:40px}
.margeHaute{margin-top:20px}
.margeTresHaute{margin-top:50px}
.marginRight{margin-right:5px}
.paprika{font-style:italic;font-size:10px; text-transform:none}
.references h1 .paprika{text-transform:none; font-weight:normal}
.petiteEtoile{position:absolute; left:37px; top:11px}
.questionnaire p{margin-bottom:30px}
.questionnaire textarea{width:485px; height:90px}
.realisation{float:left; margin-right:5px}
 .references p span {text-transform: uppercase; color:#4c4c4e; font-size:11px; margin-bottom: 5px; line-height:16px; font-weight:bold}
 #subcol ul {margin-bottom: 20px;}
 #subcol #voir_tout {position: absolute; margin-top: 63px;}
 #subcol p {margin-bottom: 20px;}
 #subcol li{display:inline;}
 #subcol li a{border:0; }
 #subcol li a {position:relative}
 #subcol li img{width:37px; height:37px; }
 

.vignetteActu, .vignette{float:left; margin:0px 20px 30px 0px;  border:1px solid #f4f2f0; clear:both; }

table{border-spacing:5px 5px; width:100%}
td{padding:1px 20px 1px 5px; }
.col1{background:#f1eeec}
.col2{background:#f7f5f4}
.col3{background:#fcfcfb}

.fusion{height:52px}

.plan{position:absolute; top:90px; }


#sitemap{margin-left:3px}
#sitemap, #sitemap a{color:#4c4f54; font-size:11px}
#sitemap li{line-height:50px; background:url('../images/1background.png') repeat-x 0 bottom; padding-left:20px; margin-right:7px}
#sitemap ul{margin-top:-35px; margin-left:190px; padding-bottom:20px}
#sitemap ul li{line-height:20px;background:none}
#sitemap li#noBackground{background:none}

.references #subcol ul{margin-top:20px}

#liste{ height:400px; margin:0; padding:0;}
#subcol #navig li{color:#4c4c4e; font-size:11px}
#subcol #navig li span, #subcol #navig li span.normal {color:#db8f1b; text-decoration:none; font-size:11px; padding:0 5px}
#subcol #navig li .selected{color:#c10076}
#subcol #navig{padding:0; margin:10px 0 0 0; text-align:right}