/*
bleu ciel fond : dff7fa
rose : c50078
orange : f29613
beige fond menu : f4f2f0
*/

@import "reset.css";

body{background:#dff7fa;}
#container{background:#ffffff; margin:15px auto; position:relative; width:900px; font-family:arial, verdana, sans-serif;}
#head{height:389px; position:relative;background:#f4f2f0}
	#bandeau{left:-47px; position:absolute; z-index:1}	
	#menu{bottom:1px; position:absolute; height:35px; right:51px; width:500px; z-index:2}
		#menu li{display:inline; float:left; height:35px}
		#menu a{background:url("../images/menu.gif") 0 0 no-repeat; display:block; height:35px}
		#menu span{display:none}
		#menu .m1{width:30px; background-position:0 0}
		#menu .m2{width:94px; background-position:-30px 0}
		#menu .m3{width:76px; background-position:-124px 0}
		#menu .m4{width:77px; background-position:-200px 0}
		#menu .m5{width:52px; background-position:-277px 0} 
		#menu .m6{width:103px; background-position:-329px 0}
		#menu .m7{width:68px; background-position:-432px 0} 
		#menu .m1:hover, #menu .selected .m1{background-position:0 -35px}
		#menu .m2:hover, #menu .selected .m2{background-position:-30px -35px}
		#menu .m3:hover, #menu .selected .m3{background-position:-124px -35px}
		#menu .m4:hover, #menu .selected .m4{background-position:-200px -35px}
		#menu .m5:hover, #menu .selected .m5{background-position:-277px -35px}
		#menu .m6:hover, #menu .selected .m6{background-position:-329px -35px}
		#menu .m7:hover, #menu .selected .m7{background-position:-432px -35px} 
#subcol{float:left; padding:0 25px 0 50px; margin-top:20px; position:relative; width:251px;}
#maincol{float:left; padding:0 24px; margin-top:20px; position:relative; width:500px}
	#maincol ul, p, td{color:#532409; font-size:11px; line-height:15px; margin-bottom:10px}
#unecol{padding:0 25px 0 50px; margin-top:20px}
#footer{background:url("../images/pied.gif") no-repeat; height:109px; font-size:11px; color:#f29613; }
	#footer ul{padding-top:80px; padding-left:257px}
	#footer li{display:inline}

a, .lien{color:#f29613; text-decoration:none; font-size:11px;}
a:hover, .selected{color:#71c9e6}
em{font-style: italic}
h1, h2{margin:15px 0 10px}
h3{color:#c50078; font-size:11px; line-height:14px; padding-bottom:5px; text-transform:uppercase;}
h4{font-weight:bold; color:#532409; font-size:11px; line-height:15px;}
hr{clear:both; visibility:hidden}
strong, .strong{font-weight:bold}

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

.clearBoth{clear:both}
.date{color:#c50078}
.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}
.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 #subcol a img{border:1px solid #f29613; padding:1px}
.references #subcol a:hover img, .references #subcol a.selected img{border:1px solid #71c9e6; padding:1px}
.references #subcol li{display:inline; margin-right:5px;}
.references #subcol li img{margin-bottom:8px}
.references #maincol img{margin:15px 0 15px 0}
.references #maincol h1 img {margin:0}
.vignetteActu{float:left; margin:0px 5px 15px 0px;  border:1px solid #f4f2f0}

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}