@charset "UTF-8";

h1,h2,h3,ul,li,p{
	margin:0;
	padding:0;
}

body {
	background: url(images/bg.jpg) top center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	margin: 70px 0 70px 0;
	padding: 0;
}

a:hover{
	text-decoration:underline!important;
}

#principal{
	width:980px;
	margin: auto;
}

#fav{
	width: 978px;
	height: 23px;
	background:url(images/bg_fav.gif);
	padding:1px;
	font-size:10px;
	margin-bottom:12px;
}

#fav .www{
	float: left;
}

#fav .www a{
	margin:0;
	padding:0;
}

#fav .www a img{
	border:none;
}

#fav a{
	color:#333;
	text-decoration:none;
	display:block;
	float:right;
	padding:0 7px 0 7px;
	margin-top:5px;
}

a.border{
	border-right:1px solid #008f51;
}

#flash{
	float:right;
	margin:0 0 10px 10px;
}

#logo{
	background:url(images/logocermast.gif);
	width: 280px;
	height: 100px;
	float:right;
}

#menu{
	width:920px;
	background:url(images/bg_menu.gif);
	height: 50px;
	padding:10px 30px 10px 30px;
	margin-bottom:10px;
}

#menu li{
	position:absolute;
	list-style:none;
	float: left;
	width: 171px;
	
}
#menu li a{
	display: block;
	height:50px;
}

#menu li a:hover{
	background-position:0 50px!important;
}

#menu li.btn1 a{
	background:url(fr/images/btn1.gif);
}
#menu li.btn2{
	margin-left:150px;
}
#menu li.btn2 a{
	background:url(fr/images/btn2.gif);
	
}
#menu li.btn3{
	margin-left:300px;
}
#menu li.btn3 a{
	background:url(fr/images/btn3.gif);
	
}
#menu li.btn4{
	margin-left:450px;
}
#menu li.btn4 a{
	background:url(fr/images/btn4.gif);
	
}
#menu li.btn5{
	margin-left:600px;
}
#menu li.btn5 a{
	background:url(fr/images/btn5.gif);
	
}
#menu li.btn6{
	margin-left:750px;
}
#menu li.btn6 a{
	background:url(fr/images/btn6.gif);
	
}
#content{
	width:940px;
	background:url(images/bg_content.png);
	padding:10px 20px 10px 20px;
	margin-bottom: 10px;
}

#content h2{
	font-size:16px;
	padding: 10px 0 5px 0;
	margin-bottom: 5px;
}

#content ul{
	padding: 0 0 10px 15px;
}

#content p{
	padding-bottom: 10px;
	text-align:justify;
}

.ecart{
	height:50px;
}

img.borderblanc{
	border:1px solid #FFF;
}

a.fancybox{
	color:#FFF;
	display:block;
	text-align:center;prolongement
}

/*------------------colonnes texte courant-----------------*/

.col2cols{
	width:450px;
	float:left;
}

.col3cols{
	width:293px;
	float:left;
}

.col4cols{
	width:212px;
	float:left;
}

.col{
	/*width:616px;*/
	float:left;
}

.goutiere30{
	margin-right:30px;
}

/*------------------drapeaux------------------*/
a.dr_fr{
	background:url(images/dr_fr.gif);
	width: 31px;
	height:23px;
	display:block;
}

a.dr_fr:hover{
	background-position:bottom;
}

a.dr_en{
	background:url(images/dr_en.gif);
	width: 31px;
	height:23px;
	display:block;
}

a.dr_en:hover{
	background-position:bottom;
}

a.dr_it{
	background:url(images/dr_it.gif);
	width: 31px;
	height:23px;
	display:block;
}

a.dr_it:hover{
	background-position:bottom;
}

a.dr_sp{
	background:url(images/dr_sp.gif);
	width: 31px;
	height:23px;
	display:block;
}

a.dr_sp:hover{
	background-position:bottom;
}

a.dr_de{
	background:url(images/dr_de.gif);
	width: 31px;
	height:23px;
	display:block;
}

a.dr_de:hover{
	background-position:bottom;
}

/*------------------accueil------------------*/
h1.accueil{
	background:url(fr/images/tt_1.png);
	width: 457px;
	height:60px;
	position:absolute;
	margin-left:-50px;
	text-indent:-3000px;
}


.clear{
	clear:both;
}


/*------------------qui------------------*/
h1.qui{
	background:url(fr/images/tt_2.png);
	width: 457px;
	height:60px;
	position:absolute;
	margin-left:-50px;
	text-indent:-3000px;
}

/*------------------produits------------------*/
h1.produits{
	background:url(fr/images/tt_3.png);
	width: 457px;
	height:60px;
	position:absolute;
	margin-left:-50px;
	text-indent:-3000px;
}

.bloc_prod{
	width: 920px;
	height: 100px;
	background:url(images/produits/bg_prod.gif);
	padding:10px;
	margin-bottom:10px;
}

img.prod{
	float: left;
}

.texte_prod{
	float: left;
	background:#e6e6e6;
	width:497px;
	height:82px;
	border:1px solid #FFF;
	padding:8px 56px 8px 8px;
	margin-left:10px;
}

#content .texte_prod h2{
	color:#97295c;
	margin:0;
	padding:0 0 5px 0;
	border:none;
}

#content .texte_prod p{
	color:#333333;
}

.bloc_prod a{
	float:left;
	background:url(fr/images/btn_download_pdf.gif);
	display:block;
	width: 177px;
	height: 30px;
	margin:33px 0 0 10px;
}

.bloc_prod a:hover{
	background-position:bottom;
}

/*------------------exemples------------------*/
h1.exemples{
	background:url(fr/images/tt_4.png);
	width: 457px;
	height:60px;
	position:absolute;
	margin-left:-50px;
	text-indent:-3000px;
}

.exemples{
	float: left;
	margin:10px 15px 10px 0;
}

.dernier{
	margin-right:0!important;
}


/*------------------contact------------------*/
h1.contact{
	background:url(fr/images/tt_5.png);
	width: 457px;
	height:60px;
	position:absolute;
	margin-left:-50px;
	text-indent:-3000px;
}

a.btn_plan_acces{
	background:url(fr/images/btn_acces.gif);
	width: 150px;
	height:30px;
	display:block;
}

a.btn_plan_acces:hover{
	background-position:bottom;
}

/*------------------acces------------------*/
h1.acces{
	background:url(fr/images/tt_6.png);
	width: 456px;
	height:60px;
	position:absolute;
	margin-left:-50px;
	text-indent:-3000px;
}

#plan_acces{
	background:url(images/bg_acces.gif);
	width: 430px;
	height: 143px;
	padding:10px;
}

.situation{
	width:300px;
	height:300px;
	background:url(images/situation.png) no-repeat left bottom;
	padding-left:150px;
	margin-bottom:15px;
	
}

.situation p{
	text-align:right!important;
}

.itineraire{
	background:#e6e6e6;
	width:197px;
	padding:5px;
	border:1px solid #FFF;
	float: right;
	color:#333333;
	margin-bottom:37px;
}

a.btn_acces{
	background:url(fr/images/btn_plan_acces.gif);
	width: 152px;
	height:30px;
	display:block;
	float:right;
}

a.btn_acces:hover{
	background-position:bottom;
}

img.alignLeft{
	float: left;
}

/*------------------sitemap------------------*/
h1.sitemap{
	background:url(fr/images/tt_7.png);
	width: 456px;
	height:60px;
	position:absolute;
	margin-left:-50px;
	text-indent:-3000px;
}

.sitemap ul{
	list-style:none;
}

/*------------------credits mentions------------------*/
h1.credits{
	background:url(fr/images/tt_8.png);
	width: 456px;
	height:60px;
	position:absolute;
	margin-left:-50px;
	text-indent:-3000px;
}

.blocDroit{
	width: 150px;
	float: left;
	height:180px;
	margin-left:30px;
}


/*------------------------footer--------------------*/
#footer1{
	width: 980px;
	height:20px;
	background:url(images/bg_footer1.gif);
	text-align:center;
	color:#008f51;
	padding-top:5px;
	line-height:12px;
	margin-bottom: 10px;
}

#footer1 a{
	color:#FFF;
	text-decoration:none;
	padding:0 5px 0 5px;
	
}

#footer2{
	width:978px;
	height: 48px;
	background:url(images/bg_footer2.gif);
	padding:1px;
}

.footer2_left{
	background:url(images/footer2_left.gif);
	width: 238px;
	height: 41px;
	float:left;
	padding:7px 0 0 11px;
	color:#008f51;
	font-size:10px;
	line-height:17px;
}

.footer2_left a{
	color:#FFF;
	text-decoration:none;
}

.footer2_right{
	background:url(images/footer_logo.gif);
	width: 134px;
	height: 49px;
	float:right;
}

#footer_ipad{
	width: 980px;
	float:left;
	margin-top: 10px;
}

.footer_right2{
	padding:6px 6px 0 0;
	float:right;
	font-size:10px;
	color:#000;
	text-align:right;
	line-height:18px;
}

.footer_right2 a{
	color:#008f51;
	text-decoration:none;
}