<style type="text/css">

.reset {
	
}



#logo
{
	left:auto;
	top:auto;
	margin:auto;
	position:relative;
}

#global_header {
height:auto;
}

#header {
	width:100%;
}

#form_recherche {
position: relative;
top: auto;
right: auto;
margin:auto;
width:100%;
}

#recherche {
line-height: 50px;
width: 90%;
text-indent: 5px;
height: 50px;
margin: 20px auto;
display: block;
font-size:20px;
}

#internal_search {
padding: 5px;
height: 50px;
position: absolute;
top: 0px;
right: 5%;
}
/*-------------------- milieu -------------------- */

#contenu {
	width:100%;
	min-width:100%;
}


.milieu {
	padding:10px 30px;
	width:auto;
}

/*-------------------- footer -------------------- */

#footer {
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
	clear:both;
	background: url(../images/interface/bg_footer.png) bottom center no-repeat ;
}

#logo_microweb {
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
	padding-top:10px;
	height:61px;
}


/*--------------------------------------------------------- MISE EN FORME      TITRE / TEXTE / LISTE ---------------------------------------------------------*/

/*------------------------------ TITRE --------------------------------*/


h2 {
	font-size: 25px;
}


/*------------------------------ TEXTE --------------------------------*/

.milieu p {
	color:#333;
	line-height:25px;
	margin:0 0 10px 0;
	text-align:justify;
	font-size:18px;
}


/*------------------------------ LISTE --------------------------------*/

.milieu ul {
	color:#333;
	line-height:20px;
	margin:0 0 10px 5px;
	font-size:12px;
	list-style-image: url(../images/interface/puce.png);
	list-style-position: inside;
}

.milieu li {
	color:#333;
}



/*----------------------------------------------------------------- NAV PRINCIPALE DU SITE -------------------------------------------------------------------*/

#menu {
	position:relative;
	bottom:auto;
	left:auto;
}

#menu li{
	position:relative;
	float:none;
	min-height:60px;
	line-height:60px;
	height: auto;
	list-style:none;
	width:100%;
	border-bottom:1px solid #0f2954;
}

#menu li a {
	display:block;
	padding:0 20px;
	background:#a5b0b2;
	color:#FFFFFF;
	font-size:24px;
	text-align:center;
}

#menu li a:hover {
	background:#d4d1b1;
}


/*--------------------------------------------------------------------- SUB-NAV DU SITE ----------------------------------------------------------------------*/

#menu .subnav ul{
	position: relative;
	margin: 0 0 0 0;
	top: auto;
	width: 100%;
	display: block;
}

#menu .subnav ul li{
	float:none;
	min-height:0px;
	line-height:45px;
	height:0px;
	overflow:hidden;
	width: 100%;
	border-bottom:none;
}

#menu .subnav ul.on li{
	line-height:60px;
	height:60px;
}


/*--------------------------------------------------------------------- CLASSES DIVERSES ----------------------------------------------------------------------*/

.tri_colonne {
	width: 100%;
	float: none;
	margin: 0 0px 0 0;
	clear:both;
}

.tri_colonne img{
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
	clear:both;
}



#map {
	height: 200px;
	width: 100%;
	margin: 0px auto;
	color:#333;
	clear:both;
	border:none;
}



/* ------------------------------------------------------------------- FORMULAIRE DE CONTACT ---------------------------------------------------------------- */


.nom_l, .nom, .prenom_l, .prenom, .tel_l, .tel, .mail_l, .mail, .organisme_l, .organisme, .adresse_l, .adresse,  .postal_l, .postal, .ville_l, .ville, .message_l, .message_t 
{   top:auto; left:auto;	}



#contact {
	width:100%;
	height:auto;
	background:none;
}

#contact label {
	width:auto;
	text-align:left;
	height:40px;
	line-height:40px;
	font-size:18px;
	display: block;
	float: none;
	margin: 0 10px 0 0;
	position:relative;
}

#contact input {
	height:40px;
	margin:0;
	width:100%;
	font-weight:bold;
	font-size:16px;
	text-indent:5px;
	color:#d4d1b1;
	line-height:30px;
	background:#0f2954;
	margin: 0 0 10px 0;
	float: none;
	position:relative;
}

#contact textarea {
	overflow:auto;
	width: 90%;
	height: 150px;
	font-size:16px;
	border:none;
	padding:5%;
	color:#333;
	background:#0f2954;
	margin:0 0 20px 0;
	float: none;
	position:relative;
}

#contact select {
	background-color:#ffffff;
	margin:0 0 0 180px;
	height:20px;
	color:#003049;
}

#contact .bouton_envoyer {
	position:relative;
	bottom: auto;
	right: auto;
}

#contact .bouton_envoyer:hover {
	color:#FFFFFF;
	background:#d4d1b1;
}

#contact .message {
	color: red;
	bottom: 30px;
	position: absolute;
	left: 140px;
	font-size:15px;
}

#contact .champs_obligatoires {
	bottom: auto;
	position: relative;
	left: auto;
	font-size:15px;
	color:#333;
}



/* -------------------------------------------------------------------------- SLIDE ------------------------------------------------------------------------- */

.unslide {
	position:relative;
}

.slideshow{
	position:relative;
	width:100%;
	height:500px;
	display:block;
	padding: 0 30px;
	margin: 0 0 0 -30px;
	overflow:hidden;
	}

.slide{
	width:100%;
	height:100%;
	display:block;
	background:#900;
	position:absolute;
	left:-100%;
	//opacity:0;
	color:#fff;
	}

.previous{
	position:absolute;
	left:0px;
	font-size:36px;
	cursor:pointer;
	top: 50%;
	width: 50px;
	height: 50px;
	background: #a5b0b2;
	text-align: center;
	color: #FFFFFF;
	z-index:20;
	}

.next{
	position:absolute;
	right:0px;
	font-size:36px;
	cursor:pointer;
	top: 50%;
	width: 50px;
	height: 50px;
	background: #a5b0b2;
	text-align: center;
	color: #FFFFFF;
	z-index:20;
	}
	
	
.next:hover, .previous:hover {
	background: #d4d1b1;
	}
	



/* -------------------------------------------------------------------------- DOCUMENT ------------------------------------------------------------------------- */

.milieu .tri_colonne p.titre_documents {
background: #0f2954 right center no-repeat;
color: white;
text-indent: 10px;
line-height: 50px;
display: block;
font-family: 'typo_1', Arial, sans-serif;
font-size: 18px;
cursor: pointer;
}

.tri_colonne .voir_document {
background: -2px 4px no-repeat;
color: #333;
line-height: 40px;
display: block;
font-family: 'typo_1', Arial, sans-serif;
font-size: 15px;
border-bottom: 1px dashed #C6C6C6;
}




/* ------------------------------------------------------------------------ PAGE NEWS ----------------------------------------------------------------------- */


.actu {
	clear:both;
	margin: 0px 0 30px 0;
	border-bottom: 1px solid #333;
	padding: 0 0 30px 0;
	display:inline-block;
	width:100%;
}

.img_fiche, .actu img {
	float:none;
	margin:0 0 10px 0;
	width: 100%;
	height:auto;
}

.actu .conteneur {
	width:100%;
	float:none;
}


.col_gauche {
	width: 100%;
	float: none;
	margin: 0px;
}


.actu_fiche {
margin: 0px 0 30px 0;
width: 100%;
float: none;
}

.col_gauche img {
width: 100%;
height: auto;
}

.milieu p.titre_news {
	font-size: 24px;
	float: none;
	width: 100%;
}



.milieu p.titre_news_2 {
	font-size: 24px;
	float: none;
	width: 100%;
}

.milieu p.date_news, .milieu p.date_news span {
font-size: 17px;
}


#fiche_news .titre_documents {
	color: #0f2954;
	display: block;
	height: 40px;
	line-height: 55px;
	padding: 0px;
	margin:30px 0 5px 0;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 0px;
	clear: both;
	background:none;
	text-indent:0px;
	
}

.milieu p.titre_news {
margin: 20px 0 10px 0;
}

/*------------------------------ VIGNETTES --------------------------------*/

.vignette {
width: 44%;
margin: 3%;
}

.vignette a {
width: 100%;
}

/*------------------------------ TEXTE BEDIT --------------------------------*/

.milieu .contenu_news h2
{
	font-size:24px;
	height: auto;

}
.milieu .contenu_news h3
{
	font-size:20px;
	height: auto;
}

.milieu div.contenu_news {
	font-size: 18px;
	line-height: 25px;
}

.milieu div.chapeau_news {
	font-size: 18px;
	line-height:25px;
}

.milieu .contenu_news div, .milieu .contenu_news p
{
	line-height:25px;
	font-size:18px;
}

.milieu .contenu_news ul
{
	line-height:25px;
	font-size:18px;
}

.milieu .contenu_news a
{
	line-height:18px;
}


/* ----------------------------------------------------------------------- ALBUM PHOTOS --------------------------------------------------------------------- */

.categorie_photo {
	width:100%;
	min-height:280px;
	float:none;
	margin: 0 0px 30px 0;
}

.categorie_photo a{
	width:100%;
	height:250px;
}

.categorie_photo h3 {
	font-size: 20px;
	line-height:40px;
}

a.photo_album.marge {
	margin:0 5% 30px 5%;
}

a.photo_album {
display: block;
width: 40%;
height: 130px;
margin: 0 5% 30px 5%;
}


#formulaire, .video_mobile, #menu, .slogan, #lang_fr, #lang_en {
display:none;
}
.bt_nav_mobile {
	width:60px;
	height:60px;
	display:block;
	background:url(../images/bouton/bt_nav_mobile.png) top left no-repeat #0f2954;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor:pointer;
}

.bt_nav_mobile.open {
	background-position: bottom left;
}

#menu_mobile {
	display:block;
	position:absolute;
	top:80px;
	right:20px;
	left:20px;
	background:#0f2954;
	padding: 0 20px;
	z-index:100;
}

#menu_mobile li {
	display:block;
	line-height:50px;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#menu_mobile li:last-child {
	border-bottom:none;
}


#menu_mobile li a {
	display:block;
	line-height:50px;
	font-size:20px;
	color:#FFFFFF;
}


.mobile {
width:100%;
height:100%;
float:none;
background:none;
}

.mobile_marge {
width:100%;
height:100%;
float:none;
margin:0 0 20px 0;
background:none;
}

.grande_bande_center {
padding:30px;
}

.bloc_bleu {
display: block;
background: #0f2954;
height: auto;
width: auto;
margin: auto;
padding: 20px;
font-size: 12px;
}

.bloc_droite_accueil {
width: 100%;
height: 340px;
padding:0;
background:none;
float: left;
}
.bg_actu_accueil {
width: 100%;
float: left;
display: block;
margin: 0 20px 0 0;
background: center center;
background-size: cover;
}
.bloc_gauche_accueil {
width: 100%;
float: left;
padding: 30px 0 0 0;
margin: 0 0 20px 0;
}

.bg_bleu_domaine {
height:auto;
}

h2 {
color: #2560a6;
display: block;
height: auto;
line-height: 25px;
padding: 0px;
margin: 0 0 20px 0;
font-size: 20px;
font-weight: normal;
letter-spacing: 0px;
clear: both;
}

.bloc_image {
width:100%;
height:411px;
display:block;
position:relative;
background-size:cover;
}
.bloc_texte {
display: block;
width: auto;
position: relative;
float: left;
min-height: 250px;
font-size: 16px;
padding:0;
}

.page_standard ul {
margin:0 0 30px 0;	
}

.bg_bleu {
  width: 100%;
  display: block;
  height:auto;
  background: #0f2954;
}

.nav_footer, .bloc_image_contact, .no-mobile {
display:none;
}

.bloc_nav_actu {
  width: 100%;
  margin-bottom:20px;
}

.bloc_nav_actu a {
  height: 50px;
  width: auto;
  border-bottom: 1px solid #FFFFFF;
  display: block;
  clear: both;
  position: relative;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 16px;
  padding: 25px 0 0 70px;
  line-height: 20px;
  background-repeat: no-repeat;
}
.bloc_actu {
  width: auto;
}
.actu .conteneur {
  width: 90%;
  float: none;
  text-align: justify;
}

.actu .visuel {
  width: 100%;
  height: 200px;
  display: block;
  background: center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom:20px;
}



</style>