/*HTML*/
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/* HTML */

body {
width:100%;
/*font-family:"Lucida Sans Unicode", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;*/
font-family:Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size:13px;
margin:0;
margin: auto;
text-align:justify;

}
h1, h2, h3, h4, h5, h6, p, ul, blockquote, address, cite, code, fieldset, form, table {
margin:0;
}


form {
overflow: hidden;
margin: 15px 0;
}
label {
display: block;
float: left;
width: 150px;
padding: 4px;
}


h1{
font-size: 18px;
}
h2{
font-size: 14px;
}


input, select, textarea {
padding: 2px;
}

input{margin-bottom:5px;}


/*STYLES*/


#container{
max-width:1240px;
width: 90%;
overflow: hidden;
margin: 0 auto;
padding:0px;
padding-top:10px;
margin-top:5px;
/*box-shadow:1px 0px 6px #DDE2E3;*/
}



#topline{
margin:auto;
padding:5px;
text-align:center;
}

#bandeau_header {
	position:relative;
width:99%;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
/*overflow: hidden;*/
/*padding-left:5px;*/
padding-bottom:10px;
/*height:170px;*/
}

#bandeau_header #identite{
text-align: right;
}


#bloc_header_gauche{
margin-top:20px;
padding:5px;
/*height:85px;*/
width:20%;
float:left;
}

#bloc_header_gauche #logo{
margin:auto;
margin-top:50%;
text-align:center;
}

.titre_site{
padding:0;
padding-left:15px;
}

#bloc_header_droite{
width:75%;
min-width:320px;
min-height:93px;
float:left;
margin-top:10px;
margin-left:10px;
padding:5px;
padding-top:10px;
}

.separation{
clear:both;
visibility:hidden;
}

#contenu{
width:99%;
margin: 0 auto;
padding-top:14px;
padding-bottom:0px;
padding-left:0px;
height:auto;
display:flex;
flex-direction: row-reverse;
flex-wrap: wrap;
    justify-content: space-around;
}


*>#contenu{
min-height:300px;
height:auto;
}


#texte_rubrique{
	/*margin-left:30px;
	width:800px;*/
	padding:30px;
	padding-top:15px;
	font-size:13px;
}


#footer{
margin: 0 auto;
margin-bottom:10px;
width:99%;
clear: both;
text-align: center;
padding-left:5px;
}
#footer p {
font-size: 11px;
padding:10px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

#col1{
padding:0;
margin:0;
margin-top:10px;
margin-right:15px;
width: 25%;
/*float:left;*/
/*min-height:354px;*/
/*padding:5px;*/
/*margin-left:2px;*/
}

#col2{
padding:0;
margin:0;
margin-top:10px;
/*width: 20%;
float:left;*/

}


#blockcontent{
/*float:left; */
width: 70%;
margin-top:10px;
margin-left:12px;
padding:5px;
padding-right:10px;
height:auto;
}


/*#blockcontent *{
padding-left:10px;
}*/

#blockcontent h1{
margin-bottom:10px;
margin-left:10px;
font-size:14px;
padding-left:0px;
}

#blockcontent h2{
margin:0;
padding:0;
margin-bottom:10px;
/*margin-left:10px;*/
font-size:13px;
}

.text_wrapper{
width:97%;
/*border-bottom:1px solid #5b5b59;*/
padding-bottom:5px;
padding-top:5px;
margin:0;
margin-left:10px;
overflow:hidden;
line-height:1.5em;
}

.text_wrapper table td{
padding:8px;
padding-top:8px;
padding-bottom:8px;
}

.text_wrapper table tr:nth-child(odd) td {
background-color:#EEE;
}

.text_wrapper table tr td:first-child{
font-weight:bold;
text-align:left;
}

.home .text_wrapper{
 min-height: 233px;
 }


#col_texte{
float:left;
width:48%;/*465px;*/
padding:5px;
padding-right:10px;
}

#col_photos{
float:right;
width:45%;/*170px;*/
margin-left:15px;
}

#col_photos img{ 
max-width:100%;
}


#col_photos #infos{
font-size:11px;
font-style:italic;
margin-bottom:5px;
}



#blockcontent ul{
margin-top:8px;
margin-bottom:8px;
}

#blockcontent ul li
{
margin-left: 8px;
margin-bottom:3px;
}


/*Col gauche*/
.tright{
text-align:right;
padding-right:10px;
}

.box_infos {
margin-bottom:5px;
f/*ont-size:12px;*/
padding-bottom:10px;
margin-bottom:10px;
}


.box_infos .content{
/*margin-bottom:10px;*/
padding:10px;
}

h3.t{
/*margin-top:10px;
margin-bottom:10px;*/

   -webkit-border-radius:4px 4px 0 0;
   -moz-border-radius:4px 4px 0 0;
   border-radius:4px 4px 0 0;
   padding-top:12px;
   padding-bottom: 12px;
   padding-left:10px;
   padding-right:10px;
   margin:0 auto 2px;
   text-align:left
}

.box_infos .content ul{
	margin-left:15px;
}

.box_infos .content #photo_actu{
margin:auto;
margin-bottom:5px;
text-align:center;
}

#rss{
/*width:70%;
float:left;*/
}

#fluxrss{
margin:0;

}

#fluxrss li{
	list-style-type:none;
	/*float:left;
	width:30%;*/
	margin-right:13px;
	text-align:left;
	/*border:1px solid red;*/
}

#fluxrss h5{
margin-left:13px;
}

#meteo{
width:26%;
float:left;
margin-left:20px;
}

h3.t2{
font-size:12px;
 padding-top:12px;
   padding-bottom: 12px;
   padding-left:20px;
   padding-right:10px;
   margin:0 auto 2px;
   text-align:left;
   height:25px;
}

#horaires{
	margin-left: 25px;
}

/*Formulaire de contact*/
#adresse{

padding:10px;
}


#contact_droite{
margin-top:15px;
}

#formulaire_contact{
padding:10px;
padding-top:0;
}

.form{}

.form .row{margin-bottom:8px;padding:5px;}

.form .row label{width:45%;}

.form .row div{}

.form .err{margin-left:45%;text-align:left;}

.message1, .message2{
margin:auto;
text-align:left;
padding:8px;
font-weight:bold;
}

/*Actualités*/
.bloc_actu{
/*width:645px;*/
padding-bottom:5px;
padding-top:5px;
margin:0;
margin-left:10px;
display:flex;
}

.date_pub{
font-size:9px;
font-style:italic;
}

.actu_gauche,.actu_droite{
padding:0;
margin:0;
margin-left:5px;

}

.actu_droite{
/*width:200px;
float:right;*/
padding-right:0px;
text-align:center;
flex-basis: 24%;
}

.actu_gauche{
/*width:400px;
float:left;*/
padding-left:0px;
padding-bottom:8px;
flex-basis: 75%;
}

.actu_gauche h2{
margin:0px;
padding:0px;
}

.actu_gauche div.texte{
margin-left:0px;
font-size:13px;

}

@media (max-width: 1023px){
	.bloc_actu{
		flex-wrap:wrap-reverse;
	}
	.actu_gauche,.actu_droite{
		flex-basis: 90%;
		padding-bottom:15px;
	}
	.actu_droite{
		padding-top:20px;
		
	}
}


.bloc_actu dl{
padding:20px;
font-size:13px;
}

.bloc_actu dt{
color:#e19c05;
font-weight:bold;
}

.bloc_actu dd{
margin-bottom:15px;
}

.bloc_actu dd a{
font-size:11px;
}
.bloc_actu a:hover{
text-decoration:underline;
}

.pagination{
padding:15px;
line-height:1.5em;
}

.pagination a.active{
font-weight:bold;
background-color:#F4122D;
color:white;
padding:3px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

/*#photo {
overflow: hidden;
float: left;
width: 450px;
height:600px;
text-align: center;
margin-top:10px;
}*/

/*#separation_verticale{
overflow: hidden;
float: left;
background-color:#121211;
background: url(images/separation_verticale.png) top center no-repeat;
width:6px;
height:350px;
margin-top:35px;
}*/

/*#description {
overflow: hidden;
float: left;
width: 470px;
text-align: justify;
margin-top:35px;
padding-left:40px;
padding-left:20px;
font-weight:bold;
}

#description h1{
color:#dc9305;
font-size:24px;
margin-bottom:30px;
}*/

/*#desc_texte p{
line-height: 1.5em;
font-size:13px;
font-weight:normal;

}

#desc_tech{
border:1px solid #5b5b59;
padding:15px;
margin-top:40px;
font-weight:normal;
}*/

#galerie, #mycarousel{
overflow:hidden;
}

#galerie{
width:645px;
margin-top:8px;
}

#galerie ul{
/*height: 100px;*/
list-style-type:none;
list-style-image:none;
padding:0;
margin-top:5px;
}

#galerie ul li{
float:right;
margin-right:0px;
text-align:right;
}



.DispNone {
display: none;
}
.floatLeft {
float: left;
}
input.submit {
margin-left: 158px;
width: 100px;
}

/* MEDIA QUERIES */
@media screen and (max-width:943px) {
#blockcontent{
width:65%;

}
@media screen and (max-width:768px) {
#bloc_header_gauche, #bloc_header_droite{
	float:none;
	width:100%;
}	

#bloc_header_gauche #logo{
	margin-top:20px;
}

#col1, #blockcontent{
float:none;
width:90%;
margin:0;
padding:5px;
}

#col_texte, #col_photos{
float:none;
width:90%;
}

#col_photos{
margin: auto;
text-align: center;
}

.text_wrapper, #adresse, #contact_droite{
width:auto;
}

}
@media screen and (max-width:650px) {
	#bloc_header_droite{
	margin-left:0;
	}
}

@media screen and (max-width:635px) {
.form .err{margin-left:0;}
}