body {width:100%;font:14px Verdana, Arial, Helvetica, sans-serif;color: #000000;font-weight: normal;background-color:#F5F2F2;margin:0px; text-align:justify;line-height:19px}
a {color:#A90061; font-weight:bold;}

p {text-align:justify;max-width:1024px;}

#main{margin-left:auto;margin-right:auto;text-align:center}
#page{margin-left:auto;margin-right:auto;text-align:center;width:100%;position:relative;}
#headerpage{margin-left:auto;margin-right:auto;text-align:center;width:100%;height:auto;background-color:#333333;position:relative;}
#headerentete{background-color:#333333;opacity:0.5;height:180px;width:100%;z-index:100;position: absolute;}
#headercontenu{margin-left:auto;margin-right:auto;text-align:center;width:100%;max-width:1024px;}
#headercentre{margin-left:auto;margin-right:auto;text-align:center;width:100%;z-index:101;position: absolute;float:left}
#headermenu{margin-left:auto;margin-right:auto;text-align:center;width:98%;min-height:50px;padding:1% 0;}


h1 {color:#A90061;font-size:24px;text-align:left;}
h2 {color:#6B3905;font-size:16px;margin:0;padding:2px;font-family:Arial, Helvetica, sans-serif}
h3 {color:#6C9825;font-size:12px;margin:0;padding:2px;font-family:Arial, Helvetica, sans-serif}

nav {margin-left:auto;margin-right:auto;text-align:left;width:58%;min-height:50px;float:right;}

#menu-mini {display:none}

#menu {margin-left:auto;margin-right:auto;text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:13px}
#menu a, #menu-mini a{list-style:none;text-decoration:none;color:#FFFFFF;margin:0;display:inline-block;}
#menu a:hover,  #menu-mini a:hover{color:#97C13A;}
#menu ul, #menu li {list-style:none;margin:0;padding:0;}
#menu ul {max-width:700px;position: absolute;z-index:5;width:100% }
#menu li {padding: 15px 3%;display:inline-block;font-size:1.4em;}

#headerlogo{width:38%;float:left;padding:1% 0;}
#headerlogo img{
 max-width: 100%;
 max-height: auto;
}

#headerslogan{width:40%;float:right; padding:1% 0;text-align:right;}
#headerslogan img{
width:auto;
height: auto;
padding:0% 1%;
}

#zonetel{background: url(images/tel_bsi.png) no-repeat left;padding-left:80px;height:70px; font-size:3em;color:#6B665F;font-family:Verdana,Helvetica, sans-serif;line-height:70px;font-weight:bold}
#zonepublic{font-size:2.5em;color:#6B665F;font-family: Verdana,Helvetica, sans-serif;line-height:40px;font-weight:bold}


/*#headersociaux{float:right;position:absolute;width:60px;margin-left:97%;margin-top:10%;background-color:#FF9966;text-align:right}*/
#headerfacebook img {
	position: fixed;
	top: 280px;
	right: -10px;
	width: 50px;
	transition-duration: 1s;
}

#headerfacebook img:hover {
	right: -1px;
	z-index:100;
}

#headercontact img {
	position: fixed;
	top: 360px;
	right: -10px;
	width: 50px;
	transition-duration: 1s;
}

#headercontact img:hover {
	right: -1px;
	z-index:100;
}


.lgauche {border-left:1px solid #FFFFFF}
.lgauchedroite {border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.ldroite {border-right:1px solid #FFFFFF}

input[type="text"]{padding:2px 0; margin:2px 0;}
input[type="button"] {padding:3px;}

#container{max-width:1024px;width:100%;margin-left:auto;margin-right:auto;text-align:left;height:100%;padding-bottom:50px;background-color:#FFFFFF;}
#footer{margin-left:auto;margin-right:auto;text-align:center;width:100%; height:377px; font-size:12px;background:#FFFFFF url(images/fond_pied.jpg) repeat-x;float:left;position: relative}
#footer_contenu{max-width:1024px;margin-left:auto;margin-right:auto;padding:5px 0px;text-align:center;width:98%;min-height:150px;font-size:13px;display:inline-block;}
.footertext {color:#FFFFFF; font-size:13px;}
.footertext a{color:#FFFFFF;}
.footertext p{text-align:left;}
.block_0{width:100%;}
.block_1{float:left;width:49%;}
.block_2{padding:0 7%;width:86%;font-size:16px;text-align:left;}
.block_3{float:left;padding:4% 5% 0 5%;width:90%;text-align:center;color:#333333}
.block_3 a{color:#333333;}
.footer_titre{color:#FFFFFF;font-size:18px;text-align:left;}

#pagecentre{float:left;height:100%;min-height:400px;width:100%;padding:0px 0px 0px 0px;background-color:#F5F2F2;}
#pagecontenu{float:left;height:100%;width:98%;padding:0px 1% 10px 1%;background-color:#F5F2F2;}


.bodyTextGras {font:13px verdana;color: #999999;font-weight: normal;}
.bodyTextOrange {font:16px verdana;color: #CC0033;font-weight: normal;}
.bodyTexttitre {font:18px verdana;color: #00CCFF;font-weight: normal;}
.bodyTextrouge {font:18px verdana;color: #CE2E17;font-weight: bold;}
.bodyTextgros {font:14px verdana;color: #666666;font-weight: normal;}
.textesiteerreur{color:#D73600}


.titre_page {color:#000000;font-size:22px;}
.titre_page2 {color:#000000;font-size:14px;}
.vert {color:#0099CC;font-size:14px;}
.vert a{color:#0099CC;font-size:14px;}

.block_atelier {float:left;width:100%}
.block_atelier h2 {background:url(images/puce_bouton.jpg) no-repeat left;padding-left:32px;padding-top:5px;padding-bottom:5px;font:20px verdana;color: #CE2E17;font-weight: bold;}
.txt_atelier {}

.block_gauche {float:left;margin:5px 0;}
.block_droite {float:right;margin:5px 0;}
#zonepuce {margin:10px 0}
#zonepuce ul {margin:0;padding:0;}
#zonepuce ul li{background:url(images/puce.jpg) no-repeat;list-style:none;padding-left:20px;margin-left:0;  }

.t1 {width:98%}
.t2 {width:18%}
.t3 {width:28%}
.t4 {width:38%}
.t5 {width:48%}
.t6 {width:58%}
.t7 {width:68%}
.t8 {width:78%}
.t9 {width:98%}
.t10 {width:100%}

.zone_gauche {float:left;}
.zone_droite {float:left;}

.lignevertical{border-right:1px solid #666666}

.napperon {background:url(images/napperon.png) center;}
.zone_1{width:20%;float:left}
.zone_2{max-width:78%;padding:0 5px;float:left;width:78%;}

.zone_1 ul {background-color:#E07839;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	padding:3px;margin:0;list-style:none;
}

.zone_1 li{padding:0; margin:0;list-style:none;}
.zone_1 ul {width:80%;height:auto;margin:15px 0;}
.zone_1 li {padding:5px 5px;}
.ligne {border-bottom:1px dotted #ffffff;}
.zone_1 li a{text-decoration:none;}

.zone_1 .selec {background-color:#EEA836; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}

.zone_1 .real {background-color:#EEA836;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}

.blocks{width:99%;margin-bottom:5px;text-align:center;display:inline-block;}
.limit {border-bottom:1px dashed #BFBFBF}
.block_ph {display:inline-block; max-width:300px;width:30%; margin:0.5%;padding:0px 0.5%;}
.block_ph span{position:absolute;height:60px;background-color:#FFFFFF;opacity:0.6;max-width:298px;width:30%;line-height:60px;font-size:23px;text-transform:uppercase;color:#000000}
/*.block_ph img{margin:0%;}*/
.block_tx1 {float:left;width:70%;}
.block_tx2 {width:100%;}
.titreblock{font-weight:bold;font-size:14px;color:#6B3905}


img {
max-width:100%;
height:auto;
}

.cadretab {border-left:1px solid #000000;border-top:1px solid #000000;#border-top:0.5px solid #000000;#border-left:0.5px solid #000000;}
.cadretab td {padding:2px;border-right:1px solid #000000;border-bottom:1px solid #000000;#border-right:0.5px solid #000000;#border-bottom:0.5px solid #000000;}


#cookies{width:98%;padding:1%;position:fixed;bottom:0;opacity:0.8; background-color:#000000;color:#FFFFFF;z-index:100}
#cookies a{color:#FFFFFF; }
#cookies .bt_fermer {padding:3px;background-color:#33CC66;color:#FFFFFF; -moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;text-decoration:none}
#cookies .bt_fermer a{text-decoration:none}
#cookies .bt_fermer:hover{background-color:#339966;}

@media screen and (max-width:1100px){


#menu li {padding: 15px 1.5%;display:inline-block;font-size:1.3em;}


}


@media screen and (max-width:940px){

/*#headersociaux{float:right;position:absolute;width:50px;left:93%;text-align:right}*/


#menu ul {max-width:100%;}
}


@media screen and (max-width:768px){
.ldroite {border-right:none}
#headerentete{height:100%;bottom:0}
#headerlogo {width:100%;text-align:center}
#headerslogan{float:none;text-align:center;width:100%;}
#headermenu {float:none;height:100%;width:95%;}
#headerpage{height:280px;}
.lignevertical{border-right:none}
nav {width:100%;float:none;}

#menu {height:auto;position:relative;}
/*#menu li {float:none;display:block;}
#menu a {width:100%;}*/
#menu ul {position: relative;z-index:5;width:99%;max-width:100%; }
/*#menu li {display:block}*/

#menu ul li:hover > ul  {
	display:block;
	background-color:#CCCCCC;
	margin-top:15px;
	max-width:auto;	
    width:100%;
	position:relative;
	text-align:left;
	font-size:0.7em;
}

#menu ul li ul > li  {
      display:block;
	  padding: 10px 35px;
	  width:100%;
}


img {
max-width:100%;
height:auto;
}

.block_ph {float:none;width:100%;text-align:center}
.block_tx1 {float:none;width:100%;}
}
@media screen and (max-width:580px){
	.t3{width:100%}
	.t5{width:100%}	
	.t6{width:100%}
	.t4{width:100%}
	#wowslider-container1 {
		display:none;
	}
	.zone_1{width:100%;}
	.zone_1 ul {width:98%;}
	.zone_2{width:98%;;max-width:100%;}
	
	nav {}
	
	#headerpage{height:450px;background-image:url(images/creperie_mobile.jpg);}
	#headerlogo{max-width:100%;text-align:center;z-index:1;float:none;}
	#headerlogo img{width:100%;}
	#headermenu {background-color:#666666;}
	#menu{display:none}

	#menu-mini {display:block}
	#menu-mini  {height:auto;position:relative;width:100%}
	/*#menu li {float:none;display:block;}
	#menu a {width:100%;}*/
	
	#menu-mini ul {position:relative;z-index:5;width:100%;padding:1% 0%; }
	#menu-mini ul li > ul  {display:none;}
	
	#menu-mini  li {display:block;width:100%;padding:1% 0%;}
	
	#menu-mini ul li:hover > ul  {
		display:block;
		margin-top:0px;
		max-width:auto;	
		width:100%;
		margin:0%;
		padding:1% 0%;	
		position:relative;
		text-align:center;
		font-size:0.9em;
	}
	
	#menu-mini ul ul li:hover > ul  {
		display:block;
		background-color:#666666;
		margin-top:15px;
		max-width:auto;	
		width:100%;
		margin:0%;
		padding:1% 0%;	
		position:relative;
		text-align:center;
		font-size:0.9em;
	}
	
	
	
	#menu-mini ul li:hover > ul  {
		  max-width:100%;
	}
	
	#menu-mini  ul li ul > li  {
		  display:block;
		  padding: 10px 0%;
		  width:100%;
	}
}

.information {display:none}