@font-face {
font-family: 'code_boldregular';
src: url('../css/font/code_bold-webfont.eot');
src: url('../css/font/code_bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../css/font/code_bold-webfont.woff2') format('woff2'),
	 url('../css/font/code_bold-webfont.woff') format('woff'),
	 url('../css/font/code_bold-webfont.ttf') format('truetype'),
	 url('../css/font/code_bold-webfont.svg#code_boldregular') format('svg');
font-weight: normal;
font-style: normal;
}

body {
font-family:"Times New Roman", Times, serif;
font-size: 0.9em;
color:#111;
word-wrap: breack-word;
background-color:#f7e384;
background-image:url("../images/fond.jpg");
background-position:center top;
background-repeat:no-repeat;
}

* {
margin:0;
padding:0;
}

a {
text-decoration:none;
color:#1E1912;
}

.sous_titre {
font-weight:bold;
text-decoration:underline;
text-transform:uppercase;
}

a:hover, a:active { 
outline: 0; 
}

img {
max-width:100%;
}

#carte img {
max-width: none;
}

#carte {
width:100%;
height:400px;
}

.bord {
border:5px solid #A7A28C;
width:90%;
}

.titre {
font-family:'code_boldregular',Arial, Helvetica, sans-serif;
padding: 7px 20px 3px 40px;
margin-left:-40px;
margin-bottom:20px;
text-transform:uppercase;
color:#FFF;
background-color:#F90;
border-bottom: 1px solid #D07D00;
}

/****************header****************/
#bandeau {
height:190px;
}

#bandeau #blason {
text-align:center;
}

/****************menu responsive web design****************/
#menu_r {
display:none;
font-family: "code_boldregular";
}

/****************menu horizontal****************/
#menu_h {
display:block;
font-family: "code_boldregular";
}

/****************encart & footer****************/
footer {
background-color:#FFF;
width:96%;
padding:2%;
display:none;
margin-top:10px;
}

footer #menu_h {
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#menu_v {
font-family:Arial, Helvetica, sans-serif;
margin-bottom:15px;
}	

footer ul, #encart ul {
list-style:none;
}

footer li, #encart li, #ecole {
background-color:#b7a99e;
}

footer li.texte, #encart li.texte {
padding:5px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

footer li.last, #encart li.last {
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

footer .entete1, #encart .entete1 {
font-family: 'code_boldregular';
background-color:#2b241e;
color:#FFF;
text-transform:uppercase;
padding:5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:120px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size:1.1em;
}

#encart .entete2, .content .entete2 {
font-family: 'code_boldregular';
background-color:#e13938;
color:#FFF;
text-transform:uppercase;
padding:5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size:1.1em;
}

footer a, #encart a {
display:block;
text-decoration:none;
color:#000;
text-shadow: 0px 1px 0px #CCC;
border-top:1px solid #9d9088;
padding:5px;
}

footer a:hover, #encart a:hover, #encart a.actif {
background-color:#ede24d;
}

.bas a {
color:#FFF;
}

.bas {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

ul li.bas {
margin:10px 0 10px 0;
list-style:none;
}

/****************structure****************/
#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
max-width:1200px;
}

.content {
margin-top:10px;
position:relative;
width:96%;
padding:2%;
max-width:1200px;
background-color:#FFF;
border-bottom: 3px solid #F90;
font-family:Arial, Helvetica, sans-serif;
}

.content a {
font-weight:bold;
}

.content.index {
padding:0;
width:100%;
}

.content .tableau th {
text-align:left;
text-decoration:underline;
padding:3px;
}

.content .tableau td {
text-align:left;
padding:3px;
}

.content ul {
margin-left:40px;
margin-bottom:20px;
margin-top:20px;
}

.content #encart ul {
margin-left:0;
margin-top:-20px;
}

.content.first {
margin-top:0px;
}

/****************2 colonnes****************/
.content .c1_2 {
float:left;
width:68%;
padding-right:2%;
}

.content .c2_2 {
float:right;
width:30%;
text-align:center;
}

/****************3 colonnes****************/
.content .c1_3 {
float:left;
width:48%;
padding-right:2%;
}

.content .c2_3 {
float:left;
width:28%;
padding-right:2%;
text-align:center;
}

.content .c3_3 {
float:right;
width:20%;
text-align:center;
}

.content .c3_3b {
float:right;
text-align:left;
width:48%;
}

.content .c1_3b {
float:left;
width:48%;
width:20%;
}


/****************3b colonnes****************/
.content .c1b_3 {
float:left;
width:31%;
padding-right:2%;
text-align:center;
}

.content .c2b_3 {
float:left;
width:31%;
padding-right:2%;
text-align:center;
}

.content .c3b_3 {
float:left;
width:31%;
padding-right:2%;
text-align:center;
}

/****************4 colonnes****************/
.content .c1_4 {
float:left;
width:23%;
padding-right:2%;
}

.content .c2_4 {
float:left;
width:23%;
padding-right:2%;
text-align:center;
}

.content .c3_4 {
float:left;
width:23%;
padding-right:2%;
text-align:center;
}

.content .c4_4 {
float:left;
width:23%;
padding-right:2%;
text-align:center;
}

/****************5 colonnes****************/
.content .c1_5 {
float:left;
width:18%;
padding-right:2%;
}

.content .c2_5 {
float:left;
width:18%;
padding-right:2%;
text-align:center;
}

.content .c3_5 {
float:left;
width:18%;
padding-right:2%;
text-align:center;
}

.content .c4_5 {
float:left;
width:18%;
padding-right:2%;
text-align:center;
}

.content .c5_5 {
float:left;
width:18%;
padding-right:2%;
text-align:center;
}

#ecole {
padding-top:20px;
padding-bottom:20px;
margin-top:5px;
}




@media screen and (max-width: 720px) {
	#bandeau {
	height:100px;
	}

	/*menu resonsive web design*/	
	#menu_r {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	text-transform:uppercase;
	line-height:48px;
	height:48px;
	text-align:right;
	}
	
	#menu_r a {
	color:#FFF;
	font-weight:bold;	
	}

	#menu_r img {
	padding-top:13px;
	padding-right:15px;
	padding-left:5px;
	float:right;
	}

	 .menu_1 {
	background-color:#f8996f;
	}
	
	/*menu horizontal*/
	#menu_h {
	display:none;
	}

	footer .entete1 {
	text-align:center;
	}

	footer #menu_v {
	margin-bottom:5px;
	}
	
	/*encart & footer*/
	footer {
	display:block;
	}
	
	#encart #menu_v {
	display:none;
	}	

	#encart #flash {
	margin-bottom:15px;
	margin-top:0px;
	}
	
	.content .c1_2 {
	float:none;
	width:100%;
	}
	
	.content .c2_2 {
	float:none;
	width:100%;
	text-align:center;
	}

	.content .c1_3 {
	float:none;
	width:100%;
	}
	
	.content .c2_3 {
	float:none;
	width:100%;
	text-align:center;
	}
	
	.content .c3_3 {
	float:none;
	width:100%;
	}

	.content img.bord {
	margin-top:15px;
	}
		
}