body {
	margin:0;
	background-color:white;
	
}

/*****IMAGE PROPORTION RESPONSIVE***************/
.image_resp
{
width:100%;

}
/***********************************************/

/**************IMAGE 100% MOBILE**************/
.image_mobile
{
		max-width:300px;
	
}
/**********************************************/

/****************IMAGE D'ATTENTE PRECHARGEMENT IMAGE**************************/
.load
{
    background:url('images/image-loader.gif') no-repeat center;
} 
/*******************************************************************************/

/****************VIDEO RESPONSIVE*****************/
.embed-container 
{ 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%;
 }
 
.embed-container iframe, .embed-container object, .embed-container embed 
{ 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
/********************************************************/	


/*************BOUTONS*******************/
/*****Bouton rouge*******/
.btn_rouge {
  

  font-family: roboto,arial;
  color: #ffffff;
  font-size: 16px;
  font-weight:300;
  background: #de4e4c;
  background-image: -webkit-linear-gradient(top, #de4e4c, #de4e4c);
  background-image: -moz-linear-gradient(top, #de4e4c, #de4e4c);
  background-image: -ms-linear-gradient(top, #de4e4c, #de4e4c);
  background-image: -o-linear-gradient(top, #de4e4c, #de4e4c);
  background-image: linear-gradient(to bottom, #de4e4c, #de4e4c);
  padding: 3px 16px 3px 16px;
  text-decoration: none;
  border:0;
  transition:background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	cursor: pointer;
}

.btn_rouge:hover {
  background: #e75a58;
  background-image: -webkit-linear-gradient(top, #e75a58, #e75a58);
  background-image: -moz-linear-gradient(top, #e75a58, #e75a58);
  background-image: -ms-linear-gradient(top, #e75a58, #e75a58);
  background-image: -o-linear-gradient(top, #e75a58, #e75a58);
  background-image: linear-gradient(to bottom, #e75a58, #e75a58);
  text-decoration: none;
  border:0;
}

/*************************/


/*****Bouton bleu*******/
.btn_bleu {
  
 
  font-family: roboto,arial;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  background: #0b6ba8;
  background-image: -webkit-linear-gradient(top, #0b6ba8, #0b6ba8);
  background-image: -moz-linear-gradient(top, #0b6ba8, #0b6ba8);
  background-image: -ms-linear-gradient(top, #0b6ba8, #0b6ba8);
  background-image: -o-linear-gradient(top, #0b6ba8, #0b6ba8);
  background-image: linear-gradient(to bottom, #0b6ba8, #0b6ba8);
  padding: 3px 16px 3px 16px;
  text-decoration: none;
  border:0;
  transition:background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	cursor: pointer;
}

.btn_bleu:hover {
  background: #388fd1;
  background-image: -webkit-linear-gradient(top, #388fd1, #388fd1);
  background-image: -moz-linear-gradient(top, #388fd1, #388fd1);
  background-image: -ms-linear-gradient(top, #388fd1, #388fd1);
  background-image: -o-linear-gradient(top, #388fd1, #388fd1);
  background-image: linear-gradient(to bottom, #388fd1, #388fd1);
  text-decoration: none;
  border:0;
}

.btn_bleu:disabled {
 font-family: roboto,arial;
  color: #a8a8a8;
  font-size: 16px;
  font-weight: 300;
  background: #dcdcdc;
  background-image: -webkit-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -moz-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -ms-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -o-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: linear-gradient(to bottom, #dcdcdc, #dcdcdc);
  padding: 3px 16px 3px 16px;
  text-decoration: none;
  border:0;
  transition:background-color 0.3s;
	-webkit-transition: background-color 0.3s;
}

/*****Bouton gris*******/
.btn_gris {
  
 
  font-family: roboto,arial;
  color: #a8a8a8;
  font-size: 16px;
  font-weight: 300;
  background: #dcdcdc;
  background-image: -webkit-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -moz-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -ms-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: -o-linear-gradient(top, #dcdcdc, #dcdcdc);
  background-image: linear-gradient(to bottom, #dcdcdc, #dcdcdc);
  padding: 3px 16px 3px 16px;
  text-decoration: none;
  border:0;
  transition:background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	cursor: pointer;
}

.btn_gris:hover {
  background: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #e2e2e2, #e2e2e2);
  background-image: -moz-linear-gradient(top, #e2e2e2, #e2e2e2);
  background-image: -ms-linear-gradient(top, #e2e2e2, #e2e2e2);
  background-image: -o-linear-gradient(top, #e2e2e2, #e2e2e2);
  background-image: linear-gradient(to bottom, #e2e2e2, #e2e2e2);
  text-decoration: none;
  border:0;
}

/*****Bouton gris foncé*******/
.btn_gris {
  
 
  font-family: roboto,arial;
  color: white;
  font-size: 16px;
  font-weight: 300;
  background: #4e4e4e;
  
  background-image: -webkit-linear-gradient(top, #4e4e4e, #4e4e4e);
  background-image: -moz-linear-gradient(top, #4e4e4e, #4e4e4e);
  background-image: -ms-linear-gradient(top, #4e4e4e, #4e4e4e);
  background-image: -o-linear-gradient(top, #4e4e4e, #4e4e4e);
  background-image: linear-gradient(to bottom, #4e4e4e, #4e4e4e);
  padding: 3px 16px 3px 16px;
  text-decoration: none;
  border:0;
  transition:background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	cursor: pointer;
}

.btn_gris:hover {
  background: #656565;
  background-image: -webkit-linear-gradient(top, #656565, #656565);
  background-image: -moz-linear-gradient(top, #656565, #656565);
  background-image: -ms-linear-gradient(top, #656565, #656565);
  background-image: -o-linear-gradient(top, #656565, #656565);
  background-image: linear-gradient(to bottom, #656565, #656565);
  text-decoration: none;
  border:0;
  
}



.btn_bleu_petit {
  
 
  font-family: roboto,arial;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  background: #0b6ba8;
  background-image: -webkit-linear-gradient(top, #0b6ba8, #0b6ba8);
  background-image: -moz-linear-gradient(top, #0b6ba8, #0b6ba8);
  background-image: -ms-linear-gradient(top, #0b6ba8, #0b6ba8);
  background-image: -o-linear-gradient(top, #0b6ba8, #0b6ba8);
  background-image: linear-gradient(to bottom, #0b6ba8, #0b6ba8);
  padding: 2px 2px 3px 2px;
  text-decoration: none;
  border:0;
  transition:background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	cursor: pointer;
}

.btn_bleu_petit:hover {
  background: #3a90d2;
  background-image: -webkit-linear-gradient(top, #3a90d2, #3a90d2);
  background-image: -moz-linear-gradient(top, #3a90d2, #3a90d2);
  background-image: -ms-linear-gradient(top, #3a90d2, #3a90d2);
  background-image: -o-linear-gradient(top, #3a90d2, #3a90d2);
  background-image: linear-gradient(to bottom, #3a90d2, #3a90d2);
  text-decoration: none;
  border:0;
}

.btn_gris_petit {
  
 
  font-family: roboto,arial;
  color: #H404040;
  font-size: 16px;
  font-weight: 300;
  background: #d5d5d5;
  background-image: -webkit-linear-gradient(top, #d5d5d5, #d5d5d5);
  background-image: -moz-linear-gradient(top, #d5d5d5, #d5d5d5);
  background-image: -ms-linear-gradient(top, #d5d5d5, #d5d5d5);
  background-image: -o-linear-gradient(top, #d5d5d5, #d5d5d5);
  background-image: linear-gradient(to bottom, #d5d5d5, #d5d5d5);
  padding: 2px 2px 3px 2px;
  text-decoration: none;
  border:0;
  transition:background-color 0.3s;
-webkit-transition: background-color 0.3s;
cursor: pointer;
}

.btn_gris_petit:hover {
  background: #cccccc;
  background-image: -webkit-linear-gradient(top, #cccccc, #cccccc);
  background-image: -moz-linear-gradient(top, #cccccc, #cccccc);
  background-image: -ms-linear-gradient(top, #cccccc, #cccccc);
  background-image: -o-linear-gradient(top, #cccccc, #cccccc);
  background-image: linear-gradient(to bottom, #cccccc, #cccccc);
  text-decoration: none;
  border:0;
}

/*****Bouton oeil*******/
.btn_eye {
  
  background: white;
  font-family: roboto,arial;
  color: #919191;
  font-size: 16px;
  font-weight: 300;
  
  padding: 3px 6px 3px 6px;
  text-decoration: none;
  border:0;
  margin:3px;
  transition:background-color 0.3s;
	-webkit-transition: background-color 0.3s;
}

.btn_eye:hover {
  
  color:#3e3e3e;
  text-decoration: none;
  border:0;
}


/*************************/

/*****************FORMULAIRES********************/
.input
{
font-size:14px;
font-family:roboto,arial;
font-weight:300;
color:#404040;
background-color:#eeeded;
border:1px solid #ffffff;
height:25px;
margin-right:5px;
padding-left:5px;
padding-right:2px;


}

.input_contact
{
font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:#404040;
background-color:#eeeded;
border:1px solid #ffffff;
height:25px;

padding-left:5px;
padding-right:2px;
width:98%

}

.input_ident
{
font-size:18px;
font-family:roboto,arial;
font-weight:300;
color:#121212;
background-color:#e8e8e8;
border:none;
height:25px;

padding-left:5px;
padding-right:2px;
width:230px;

}

.input_number
{
font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:#404040;
background-color:white;
border:1px solid #ffffff;
height:25px;

padding-left:5px;
padding-right:2px;
width:50px;

}

.input_radio
{
font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:#404040;

}

.input_simu_taxe_sejour
{
font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:#404040;
background-color:white;
border:1px solid #ffffff;
height:25px;

padding-left:5px;
padding-right:2px;
width:10%

}



.textarea_contact
{
width:99%;
height:250px;
display:block;

font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:#404040;
background-color:#eeeded;
border:1px solid #ffffff;
resize: none;
padding-left:5px;

}

.textarea_signature
{
width:99%;
height:50px;
display:block;

font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:#404040;
background-color:#eeeded;
border:2px solid black;
resize: none;
padding-left:5px;

}

.select_formulaire
{
font-size:16px;
font-family:roboto,arial;
font-weight:500;
color:#404040;
background-color:#eeeded;
border:1px solid #ffffff;
height:35px;

padding-left:5px;
padding-right:2px;
width:99%
}

.select_petit_formulaire
{
font-size:16px;
font-family:roboto,arial;
font-weight:500;
color:#404040;
background-color:#eeeded;
border:1px solid #ffffff;
height:35px;

padding-left:5px;
padding-right:2px;
width:100px;
}

.input_file {
    background: #eeeded;
    color: #404040;
    font-size:16px;
font-family:roboto,arial;
font-weight:300;
    width:99%;
}




/*************FONT***************/


.material_design
{
font-family: 'Material Icons';
 font-weight: normal;
 font-size:24px;
 line-height: 20%;
 font-style: normal;
-webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';

}

.asterix
{
font-family:roboto,arial;
font-size:14px;
font-weight:300;
color:#585858;
font-style: italic;


}

.italic
{


font-weight:300;
font-style: italic;


}

.texte_general_normal
{
font-family:roboto,arial;
font-size:17px;
font-weight:100;
color:black;
}

.texte_general_normal_blanc
{
font-family:roboto,arial;
font-size:16px;
font-weight:100;
color:white;
}


.titre_petit_noir_light
{
font-family:roboto,arial;
font-size:12px;
font-weight:100;
color:#999999;
}


.titre_moyen_noir_gras
{
font-family:roboto,arial;
font-size:17px;
font-weight:900;
color:black;
text-decoration:none;

}

.titre_moyen_noir_gras:hover
{

text-decoration:none;

}


.titre_moyen_bleu_gras
{
font-family:roboto,arial;
font-size:20px;
font-weight:900;
color:#247db0;
text-decoration:none;

}


.titre_grand_light_noir
{
font-family:roboto,arial;
font-size:22px;
font-weight:100;
color:#404040;


}

.titre_grand_gras_noir
{
font-family:roboto,arial;
font-size:22px;
font-weight:900;
color:#404040;


}


.titre_grand_light_blanc
{
font-family:roboto,arial;
font-size:22px;
font-weight:100;
color:white;


}

.titre_grand_gras_blanc
{
font-family:roboto,arial;
font-size:22px;
font-weight:900;
color:white;


}




/*********************************/

div#zone_boutons_annexes_login_net
{
	
	min-height:20px;
	right:10px;
	bottom:10px;
	position:absolute;
	width:500px;
	display:flex
	
}

div#bouton_acces_direct_login
{
	margin:auto;
	
	
}



/****************************ZONE GENERALE GRISE*********************************/
div#zone_gris_gen
{
background-color:#eeeded;
width:95%;
padding:10px;
margin:0 auto;
position:relative;
overflow:auto;
}


/**********************************************************************************/


/*********************************SABLIER LOADING ATTENTE**********************/
div#image_loader
{
display:none;
width:16px;
height:11px;
margin:0 auto;
position:relative;
background-image:url(images/image-loader.gif);
}
/*****************************************************************************/



/*************LIENS****************/

.articleentier2
{
font-family:roboto,arial;
font-weight:100;
font-size:17px;
color:#2e92cc;
text-decoration:none;

}

.articleentier2:hover
{
text-decoration:underline;


}

.articleentier3
{
font-family:roboto,arial;
font-weight:100;
font-size:15px;
color:#343434;
text-decoration:none;

}

.articleentier3:hover
{
text-decoration:underline;


}

.articleentier2_gras
{
font-family:roboto,arial;
font-weight:500;
font-size:17px;
color:#2e92cc;
text-decoration:none;

}

.articleentier2_gras:hover
{
text-decoration:underline;


}

.articleentier2_blanc
{
font-family:roboto,arial;
font-weight:100;
font-size:16px;
color:white;
text-decoration: underline;

}


/*********************************/

div#zone_petit_plus
{
float:right;
padding-top:0px;

}


/*************************************************/


/******************************************/
div#bandeau_cookies
{
width:100%;
padding-top:0px;
position:relative;
background-color:black;
min-height:30px;
}


div#bandeau_haut
{
position:relative;
width:100%;

min-height:30px;
margin:0 auto;
padding-top:0px;
background-color:#0b6ba8;

}

div#bandeau_milieu_haut
{
position:relative;
width:1100px;
margin:0 auto;
padding-top:0px;


}



div#nous_rejoindre_banniere_icone
{
width:26px;
height:26px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
float:right;
position:relative;


}

.nous_rejoindre_banniere_icone img:hover
{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
		
		
}


/******************MESSAGE ALERTE BANNIERE*************/
div#message_alerte_info_banniere
{
width:1100px;
color:white;
margin:10px;
min-height:10px;
padding:5px;
margin:0 auto;
position:relative;
overflow:auto;

}


div#titre_message_alerte_info_banniere
 {
 width:10%;
 color:white;
 top:0px;
 float:left;
 position:relative;
 text-align:center;
 
 }
 
 div#texte_message_alerte_info_banniere
 {
 width:89%;
 color:white;
 top:0px;
 float:right;
 position:relative;

 
 
 }
/******************************************************/








/*********************NAVIGATION MENU******************/
div#menu_haut
{
position:relative;
/*background-color:yellow;*/
/*border-top-color:#e1e1e1;
border-top-style:solid;
border-top-width:1px;*/
margin:0 auto;
padding-top:0px;
width:100%;
}


div#menu_milieu
{
position:relative;
width:1100px;

min-height:140px;
margin:0 auto;
padding-top:0px;

}

div#ruban_noir_hommage
{
left:-20px;
top:0px;
position:relative;
z-index:5;
position:absolute;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}


div#logo_sm_menu_milieu
{
float:left;
padding-top:10px;
position:relative;

width:100%;

}

div#form_recherche_banniere
{
float:right;
padding-bottom:10px;
position:relative;

}

div#ensemble_elements_form_recherche
{
min-width:10px;
min-height:10px;
top:10px;
position:relative;


}


/*************NAVIGATION VERTICALE-MENU LATERAL-SOMMAIRE***********/

div#sommaire_lateral
{
left:0px;
top:220px;
position:absolute;
z-index:999999;

-webkit-box-shadow: 2px 1px 8px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 2px 1px 8px 0px rgba(0,0,0,0.8);
box-shadow: 2px 1px 8px 0px rgba(0,0,0,0.8);

}


/*******************************************************************/


/**************NAVIGATION HORIZONTALE**************/
div#barre_navigation_menu
{
width:1100px;
min-height:10px;
overflow:hidden;
margin:0 auto;
position:relative;
text-align:left;
padding-top:1px;
z-index:999;


}

div#element_barre_nav_menu
{
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
float:left;
text-align:center;
z-index:1000;

}

/*div#element_barre_nav_menu:hover
{

border-bottom-style:solid;
border-width:1px;
text-decoration:none;
padding-bottom:1px;

}*/

div#element_barre_nav_menu_home
{

padding-left:20px;
padding-right:20px;
top:0px;
height:30px;
padding-bottom:9px;
float:left;
text-align:center;
z-index:1000;
position:relative;
background-image:url(images/home_nav_grisv2.png);
background-repeat:no-repeat;
background-position:10px !important;
background-position:5px ;

}



.nav_menu_lien
{
	font-size:16px;
	font-weight:100;
	font-family:roboto,arial;
	text-decoration:none;
	color:#757575;

}

.nav_menu_lien:hover
{
	text-decoration:none;
	color:black;
	

}


img.foncir_nav
{
		filter: brightness(50%);
        -webkit-filter: brightness(50%);
        -moz-filter: brightness(50%);
        -o-filter: brightness(50%);
        -ms-filter: brightness(50%);
		


}
/***************************************************/






/***************************************************/

/***********************************************************PAGE GLOBALE********************************************************************/
div#page_globale
{
width:1100px;
position:relative;
margin : 0 auto;
background-color:#efefef;



}
/********************************************************************************************************************************************/

/********************************************************PAGE CENTRALE HAUT******************************************************************/
div#page_generale_haute
{
position:relative;
width:1100px;

margin:0 auto;
min-height:150px;
padding-top:0px;

padding-bottom:0px;

}
div#partie_actu
{
margin:0 auto;
/*margin-left:10px;*/
max-width:1100px;
position:relative;

min-height:100px;
padding-top:10px;

}


div#intro_actu_carrousel
{
font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:white;

}

.titre_caption_carrousel
{
font-family:roboto,arial;
font-size:32px;
font-weight:900;
color:white;
text-decoration:none;

}

.titre_caption_carrousel:hover
{
font-family:roboto,arial;
font-size:32px;
font-weight:900;
color:white;
text-decoration:none;
color:white;

}

.intro_caption_carrousel
{
font-size:16px;
font-family:roboto,arial;
font-weight:500;
text-decoration:none;
color:white;


}
.intro_caption_carrousel:hover
{
font-size:16px;
font-family:roboto,arial;
font-weight:500;
text-decoration:none;


}
/**********************************************************************/



/***********************************************************PAGE CENTRALE HOMEPAGE**********************************************************************/

div#page_generale_basse
{
position:relative;
width:1100px;

margin:0 auto;
min-height:150px;
padding-top:20px;
padding-bottom:30px;
overflow : hidden;

}

/*****************PARTIE GAUCHE**************/
div#partie_gauche
{
float:left;
/*margin-left:10px;*/
width:49%;
position:relative;
}

div#sous_partie_gauche_partie_gauche
{
width:48%;

float:left;

position:relative;
padding-top:0px;
}

div#tuile_homepage
{

float:left;

width: 100%;
height: 0;
padding-top: 100%;

position:relative;

border-bottom-color:white;
border-bottom-style:solid;
border-bottom-width:15px;
overflow:hidden;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}




div#zone_photo_tuile_homepage
{
width: 100%;
height: 65%;

top:0px;
position:absolute;


	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;

}




div#zone_titre_tuile_homepage
{
width: 100%;
height: 35%;
bottom: 0px;
position:absolute;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;



}


.layout_zone_titre_tuile_homepage {
    display: table;
    height: 100%;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.layout-wrapper_zone_titre_tuile_homepage {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.layout-content_zone_titre_tuile_homepage {
    display: inline-block;
    text-align: center; /* Retour à l'alignement classique, non nécessaire */
	margin-left:5px;
	margin-right:5px;
}



.lien_titre_tuile_homepage_gras
{
font-family:roboto,arial;
color:white;
font-weight:900;
font-size:22px;
text-decoration:none;
}

.lien_titre_tuile_homepage_light
{
font-family:roboto,arial;
color:white;
font-weight:100;
font-size:22px;
text-decoration:none;
}




div#sous_partie_droite_partie_gauche
{
width:48%;

float:right;

position:relative;
padding-top:0px;

}

/*******************************************/


/*****************************************************PARTIE DROITE***********************************************/
div#partie_droite
{
float:right;
/*margin-right:10px;*/
width:49%;
min-height:200px;

}

div#agenda_partie_droite_homepage
{
	width:100%;
	
	padding-top:0px;
	margin:0 auto;
	position:relative;


}

div#titre_agenda_partie_droite_homepage
{
width:100%;
padding-top:0px;
float:left;
position:relative;
background-color:white;
min-height:25px;



}

div#zone_contenu_agenda_partie_droite_homepage
{
float:left;
width:50%;
padding-top:0px;
height:100px;

background-color:#f1f1f1;
position:relative;

}




div#date_zone_contenu_agenda_partie_droite_homepage
{
padding-left:5px;
padding-top:5px;

position:relative;
width:70%;
height:15px;
font-size:18px;
font-family:roboto,arial;
color:#898989;
font-weight:300;

}

.font_agenda_light
{
font-size:18px;
font-family:roboto,arial;
font-weight:100;
color:#247db0;
}

.font_agenda_gras
{
font-size:18px;
font-family:roboto,arial;
font-weight:800;
color:#247db0;
}

div#texte_zone_contenu_agenda_partie_droite_homepage
{
	padding-left:5px;

	padding-top:23px;
	height:50px;

	width:93%;

	font-family:roboto,arial;
	font-size:14px;
	font-weight:100;
	color:black;
	overflow:auto;


	
}
  
div#texte_zone_contenu_agenda_partie_droite_homepage2
{
	padding-left:5px;
	padding-top:23px;
	height:50px;
	width:93%;
	font-family:roboto,arial;
	font-size:14px;
	font-weight:100;
	color:black;
	border-right-style:solid;
	border-right-color:white;
	border-right-width:2px;
	overflow:auto;
	
}

div#zone_gauche_partie_droite
{
	float:left;
	width:48%;
	min-height:335px;
	position:relative;
	
}

div#zone_boutons_annexe_homepage
{
padding-top:20px;
margin:0 auto;
width:100%;
position:relative;



}


div#bouton_annexe
{
text-align:center;
width:100%;
background-color:#bad5e9;
min-height:35px;
margin:0 auto;
padding-top:15px;
position:relative;
border-bottom-color:white;
border-bottom-width:2px;
border-bottom-style:solid;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;

}

div#bouton_annexe:hover
{

background-color:#247db0;


}

.lien_bouton_annexe
{
font-family:roboto,arial;
color:#115386;
font-weight:500;
font-size:16px;
text-decoration:none;
}

.lien_bouton_annexe:hover
{
color:white;
text-decoration:none;
}

div#zone_baie_en_video_homepage
{
	top:20px;
	height:209px;
	margin:auto 0;
	position:relative;
	width:100%;
	background-image:url(images/image3-baie-de-somme-en-video.jpg) ;
	background-repeat: no-repeat;
	-webkit-background-size: cover; 
	background-size: cover;
	background-position: center; 
	overflow:hidden;
}

div#zone_a_la_une_homepage
{
	top:20px;
	height:209px;
	margin:auto 0;
	position:relative;
	width:100%;
	
	overflow:hidden;

}

div#icone_play_zone_baie_en_video_homepage
{
	width:52px;
	height:52px;
	top:55px;
	margin:0 auto;
	position:relative;
	z-index:10;
	
 -webkit-transition: -webkit-transform 0.3s ease-in-out;/* Utilisé pour la transition sur chrome et safari */
    -moz-transition: -moz-transform 0.3s ease-in-out;/* Utilisé pour la transition sur Firefox */
    transition: transform 0.3s ease-in-out;

}

div#icone_play_zone_baie_en_video_homepage:hover
{
-webkit-transform: rotate(360deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
    

}


div#titre_zone_fond_noir
{
margin:0 auto;
padding-top:4px;
background-color:#535353;
width:100%;
position:relative;
min-height:30px;
text-align:center;


}



/***MAG****/
div#zone_droite_partie_droite
{
	float:right;
	width:48%;
	
	
	min-height:335px;
}


div#titre_zone_mag_homepage
{
width:100%;
padding-top:0px;

float:left;
position:relative;
background-color:white;
min-height:30px;

}


div#zone_mag_homepage
{
width:100%;
top:20px;

margin:0 auto;
min-height:200px;
position:relative;




}


/****************************************************FIN PARTIE DROITE****************************************/

/**************************ALBUM PHOTOTHEQUE PUBLIQUE**********************/
div#zone_album_phototheque
{
width:100%;
min-height:100px;

margin:0 auto;

overflow:auto;
position:relative;
background-color:#444444;
text-align:center;
}

div#zone_photos_album_phototheque
{
width:10%;

margin:13px;
text-align:center;
float:left;
position:relative;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;

}
/*************************************************************************/


/********************************LES PARTENAIRES*********************************/
div#zone_partenaires_principaux
{
width:100%;
min-height:100px;

margin:0 auto;
overflow:auto;
position:relative;

}


div#element_partenaire_principal
{
width:20%;
margin:45px;

float:left;
position:relative;
/*background-color:yellow;*/

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
border-color:#e1e1e1;
border-width:1px;
border-style:solid;
}



/*********************************************************************************/








/***************************MAGAZINE BAIE DE SOMME********************************/
div#zone_mags
{
width:100%;
min-height:100px;

margin:0 auto;

overflow:auto;
position:relative;

}

div#zone_mag_numeros
{
width:27%;
margin:32px;

float:left;
position:relative;
/*background-color:yellow;*/

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
border-color:#e1e1e1;
border-width:1px;
border-style:solid;
}


div#zone_photo_mag_numeros
{
width:100%;
margin:0 auto;
position:relative;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;


}

div#zone_titre_mag_numeros
{
min-height:10px;
width:100%;
padding-top:0px;
position:relative;

}

div#zone_num_saison_titre_mag_numeros
{
float:left;
padding-top:5px;
margin-left:5px;
}

div#dev_petit_plus_sommaire
{
float:right;
}


div#zone_bouton_choix_num
{
top:10px;
width:100%;
min-height:100px;
margin:0 auto;
overflow:auto;
position:relative;

}

/********************************************************************************/






/******************************PAGE AGENDA*************************************/
div#zone_evenement_page_agenda
{

width:95%;
margin:0 auto;
position:relative;
min-height:30px;

/*border-bottom-color:black;
border-bottom-style:solid;
border-width:1px;*/



}

div#zone_interne_ligne_agenda
{
width:100%;
padding-top:0px;

margin:0 auto;
height:auto;
position:relative;
overflow:auto;

}

div#zone_interne_ligne_verticale_agenda
{
width:50%;
padding-top:0px;
float:left;
min-height:50px;
position:relative;

border-right-color:#e1e1e1;
border-right-width:1px;

}


div#zone_interne_triangle_agenda
{
width:100%;
padding-top:0px;
margin:0 auto;
height:auto;
position:relative;

}


#zone_interne_triangle_agenda_triangle_up 
{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #eeeded;
margin:0 auto;

}




#zone_contenu_agenda
{
width:100%;
padding-top:0px;
margin:0 auto;
overflow:auto;
position:relative;
background-color:#eeeded;
-webkit-border-radius: 10px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-topleft: 0;
border-radius: 10px;
border-top-left-radius: 0;

}




#zone_num_jour_contenu_agenda
{
float:left;
width:15%;

position:relative;
text-align:center;

position:relative;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
}

#zone_detail_evenement_contenu_agenda
{
float:right;
width:83%;

position:relative;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;

}


/******************************************************************************/

/*******************************PRESENTATION - EQUIPES**********************************/

div#zone_organ_sites_services
{

width:95%;
margin:0 auto;
position:relative;
min-height:30px;
/*border-bottom-color:black;
border-bottom-style:solid;
border-width:1px;*/


}

div#zone_presidence_presentation
{
width:100%;
min-height:10px;
background-color:blue;
text-align:center;
padding-top:20px;
padding-bottom:5px;


}


div#zone_interne_ligne_equipes
{
width:100%;
padding-top:0px;

margin:0 auto;
height:auto;
position:relative;
overflow:auto;

}

div#zone_interne_ligne_verticale_equipes
{
width:50%;
padding-top:0px;
float:left;
min-height:30px;
position:relative;

border-right-color:#e1e1e1;
border-right-width:1px;
border-right-style:solid;
}

div#branche_milieu_equipes
{
margin:0 auto;

width:55%;
min-height:30px;
border-top-color:#e1e1e1;
border-top-width:1px;
border-top-style:solid;
border-left-color:#e1e1e1;
border-left-width:1px;
border-left-style:solid;
border-right-color:#e1e1e1;
border-right-width:1px;
border-right-style:solid;
}

div#zone_direction_generale_presentation
{
width:100%;
min-height:10px;
background-color:pink;
text-align:center;
padding-top:20px;
padding-bottom:5px;

}

div#zone_gauche_equipes
{
float:left;
width:45%;
min-height:50px;


}
div#zone_droite_equipes
{
float:right;
width:45%;
min-height:50px;


}

div#zone_contenu_equipe
{
width:100%;
background-color:pink;

min-height:10px;
padding-top:20px;
padding-bottom:5px;

}

.titre_equipes
{
font-family:roboto,arial;
font-size:22px;
font-weight:900;
color:white;
}

div#formation_equipe_service_site
{
width:98%;
background-color:white;
min-height:200px;
margin:0 auto;
padding-bottom:2px;
color:black;
}

div#bouton_deploiement_equipe_site_service
{
float:right;
bottom:0px;
width:100%;


}
/******************************************************************************************/



/*******************************************PAGE TAXE DE SEJOUR*************************************/
div#zone_boutons_annexe_taxe_sejour
{
padding-top:0px;
margin:0 auto;
width:100%;
position:relative;
}

/**************************************************************************************************/


/*****************************************PAGE CARTE INTERACTIVE************************************/
div#zone_rubriques_carte_inter
{

float:left;
width:130px;
margin-left:50px;
padding-left:5px;
border-left-color:#d5d5d5;
border-left-style:solid;
border-left-width:1px;
}

/**************************************************************************************************/


/********************************PAGE GENERIQUE********************************/

div#page_generale_generique
{
position:relative;
width:1100px;
margin:0 auto;

min-height:150px;

overflow : hidden;
border-top-color:#e1e1e1;
border-top-width:1px;
border-top-style:solid;


}


/****Partie gauche*******/
div#partie_gauche_generique
{
float:left;
margin-left:5px;
margin-right:5px;
width:70%;
position:relative;
/*background-color:pink;*/
min-height:100px;


}


/**vignette nb commentaires-réagir **/ 

.articleentier2_blanc_vignette_commentaires
{
	font-family:roboto,arial;
	font-weight:100;
	font-size:16px;
	color:white;
	text-decoration:none;

}
.articleentier2_blanc_vignette_commentaires:hover
{
	text-decoration:none;

}

div#zone_nb_commentaire_reagir
{
float:right;
bottom:0px;
position:relative;
background-color:white;
width:100px;
height:20px;

}

div#gauche_zone_nb_commentaire_reagir
{
float:left;
bottom:0px;
position:relative;
background-color:#1574ab;
width:25px;
height:20px;
text-align:center;
}

div#droite_zone_nb_commentaire_reagir
{
float:right;
bottom:0px;
position:relative;
background-color:#535353;
width:75px;
height:20px;
text-align:center;
}

div#droite_zone_nb_commentaire_reagir:hover
{

background-color:#848484;

}

div#fleche_bas_zone_nb_commentaire_reagir
{
float:left;

width: 0;
height: 0;
border-top: 10px solid #1574ab;
border-left: 10px solid transparent;
left:5px;
position:relative;

}
/****************************************/

/***************Vignette Temps de lecture********************/
div#zone_temps_lecture_article
{
float:right;
bottom:0px;
position:relative;

width:125px;
height:20px;


}

div#gauche_temps_lecture_article
{
float:left;
bottom:0px;
position:relative;
background-image:url(images/logo_chronos.png);
width:25px;
height:20px;
text-align:center;
}

div#droite_temps_lecture_article
{
float:right;
bottom:0px;
position:relative;
font-size:11px;
width:100px;
height:20px;
text-align:center;

}

div#partie_comptage_temps_lecture_article
{
left:0px;
margin-top:1px;
width:50px;
height:20px;
text-align:left;

position:absolute;
font-family:roboto,arial;
font-size:10px;
font-weight:100;
line-height: 90%;
border-right-style:solid;
border-right-color:black;
border-right-width:1px;

}

div#partie_libelle_temps_lecture_article
{
right:0px;

width:50px;
height:20px;

margin-left:5px;
position:absolute;
font-family:roboto,arial;
font-size:16px;
font-weight:500;
}

/**************************************************************/

/*************Vignette Voir la carte GoogleMaps**************/

div#bouton_voir_carte_googlemaps
{
	
	float:right;
	position:relative;
	z-index:200;
	width:200px;
	height:80px;
	
	border-style:solid;
	border-width:1px;
}

div#label_bouton_googlemaps
{
float:left;
position:relative;
width:120px;
height:80px;

}

div#text_label_bouton_google_maps
{
position:relative;
width:80%;
text-align:center;
margin:0 auto;
top:17%;
font-family:roboto,arial;
font-weight:500;
font-size:20px;
color:white;
}

div#text_label_bouton_google_maps
{
position:relative;
width:80%;
text-align:center;
margin:0 auto;
top:17%;
font-family:roboto,arial;
font-weight:500;
font-size:20px;
color:white;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

div#text_label_bouton_google_maps:hover
{
font-size:24px;
}

div#logo_googlemaps
{
float:right;
position:relative;
width:80px;
height:80px;
background-image: url("images/logo_googlemaps80.jpg");
}

/************************************************************/

div#titre_page_generique
{
width:100%;
margin:auto 0;
position:relative;

padding-left:0px;
border-bottom-style:solid;
border-bottom-width:2px;


}
.titre_page_generique_gras
{
font-size:36px;
font-weight:900;
font-family:roboto,arial;
text-decoration:none;
}
.titre_page_generique_light
{
font-size:36px;
font-weight:100;
font-family:roboto,arial;
text-decoration:none;
}
.titre_page_generique_gras:hover
{
text-decoration:none;
}
.titre_page_generique_light:hover
{

text-decoration:none;
}

div#zone_partager_page_generique
{
height:auto;
float:right;
position:relative;
top:5px;

}


.titre_article_page_generique
{
font-size:38px;
font-weight:900;
font-family:roboto,arial;
color:#434343;

}


.intro_article_page_generique
{
font-size:19px;
font-weight:500;
font-family:roboto,arial;
color:#757575;


}

.date_article_page_generique
{
font-size:12px;
font-weight:100;
font-family:roboto,arial;
color:#757575;


}


div#titre_zones_page_generique
{

width:99%;
min-height:30px;

text-align:left;
padding-left:5px;
border-left-style:solid;
border-left-width:1px;
border-left-color:#247db0;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#247db0;
}

.titre_zones_page_generique_gras
{
font-family:roboto,arial;
font-weight:900;
font-size:22px;
color:#247db0;
text-decoration:none;
}
.titre_zones_page_generique_gras:hover
{

text-decoration:none;
}
.titre_zones_page_generique_light
{
font-family:roboto,arial;
font-weight:100;
font-size:22px;
color:#247db0;
text-decoration:none;
}
.titre_zones_page_generique_light:hover
{
text-decoration:none;
}

/***en savoir***/

div#zone_en_savoir_plus_article
{
width:100%;

/*background-color:#2a497c;*/
background-color:#535353;

min-height:50px;
margin:auto 0;
color:white;
position:realtive;

}

div#zone_repli_zone_en_savoir_plus
{
top:0px;
float:right;
position:relative;
background-color:#a4a4a4;
height:50px;
width:50px;

}
div#triangle-bottomleft_blanc
{ 
top:0px;
float:right;
position:relative;
width: 0;
 height: 0;
border-top: 50px solid white; border-left: 50px solid transparent; 

}
div#triangle-bottomleft2_blanc
{ 
top:0px;
float:left;
position:relative;
width: 0;
 height: 0;
border-bottom: 50px solid red; border-right: 50px solid transparent;

}
/****************/



/***video thumbnail***/
div#zone_video_thumbnail
{
width:100%;

margin:auto 0;
min-height:100px;
position:relative;
overflow:auto;


}

div#video_thumbnail
{
width:120px;
min-height:150px;
float:left;
position:relative;
margin-left:16px;
}

div#image_play
{
position:absolute;
background-image:url(images/play_icon.png);
top:0px;
left:0px;
width:120px;
height:90px;

}
/***fin video thumbnail***/



/**********Vous aimerez aussi***********/
div#zone_vous_aimerez_aussi_page_generique
{
width:100%;
min-height:50px;
padding-top:10px;
position:relative;
margin:auto 0;
overflow:hidden;
}


div#zone_actu_secondaire_aimerez
{
width:30%;
min-height:230px;
margin:12px;
position:relative;
float:left;
border-bottom-color:#eeeded;
border-bottom-style:solid;
border-bottom-width:1px;


}

div#photo_vous_aimerez_aussi
{
	width:100%;
	height:120px;
	
}

div#zone_nombre_commentaires_vous_aimerez
{
bottom:0;
width:100%;
height:20px;

position:absolute;


}

div#sous_zone_commentaires_vous_aimerez
{
float:right;
color:#9f9f9f;
font-weight:100;
text-align:right;
height:20px;
position:relative;
}
.lien_commentaires_vous_aimerez
{
	font-weight:300;
	font-family:roboto,arial;
	color:#767676;
	font-size:11px;
	text-decoration:none;


}

.lien_commentaires_vous_aimerez:hover
{
	font-weight:300;
	font-family:roboto,arial;
	color:#767676;
	font-size:11px;
	text-decoration:underline;


}
/*********FIN Vous aimerez aussi**********/



/**********Vous aimerez aussi***********/
div#zone_vous_aimerez_aussi_page_generique_toutactu
{
width:100%;
min-height:50px;
padding-top:10px;
position:relative;
margin:auto 0;
overflow:hidden;

}


div#zone_actu_secondaire_aimerez_toutactu
{
width:30%;
min-height:270px;
margin:12px;
position:relative;
float:left;
border-bottom-color:#eeeded;
border-bottom-style:solid;
border-bottom-width:1px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;



}

div#zone_nombre_commentaires_vous_aimerez_toutactu
{
bottom:0;
width:100%;
height:20px;

position:absolute;


}

div#sous_zone_date_vous_aimerez_toutactu
{
float:left;
color:#9f9f9f;
text-align:right;
height:20px;
position:relative;
font-weight:300;
font-family:roboto,arial;
color:#767676;
font-size:11px;
}

div#sous_zone_commentaires_vous_aimerez_toutactu
{
float:right;
color:#9f9f9f;
font-weight:100;
text-align:right;
height:20px;
position:relative;
}
.lien_commentaires_vous_aimerez_toutactu
{
	font-weight:300;
	font-family:roboto,arial;
	color:#767676;
	font-size:11px;
	text-decoration:none;


}

.lien_commentaires_vous_aimerez_toutactu:hover
{
	font-weight:300;
	font-family:roboto,arial;
	color:#767676;
	font-size:11px;
	text-decoration:underline;


}
/*********FIN Vous aimerez aussi**********/




/***commentaires***/
.textarea_commentaire
{
width:99%;
height:150px;
display:block;

font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:#404040;
background-color:#eeeded;
border:1px solid #ffffff;
resize: none;
padding-left:5px;

}

.input_commentaire
{
width:25%;
height:25px;
display:block;

font-size:16px;
font-family:roboto,arial;
font-weight:300;
color:#404040;
background-color:#eeeded;
border:1px solid #ffffff;
padding-left:5px;

}


div#zone_commentaire_page_generique
{
width:100%;
min-height:50px;
padding-top:20px;
position:relative;
margin:auto 0;

}



/***fin commentaires***/






/***********************/


/*****Partie droite*****/

div#partie_droite_generique
{
float:right;
/*margin-left:10px;*/
width:28%;
position:relative;
padding-top:0px;
top:5px;
min-height:250px;

}

div#contenu_titre_zone_fond_noir
{

margin:auto 0;
position:relative;
}

div#zone_actus_precedentes
{
width:100%;

padding-top:0px;
min-height:100px;


}




div#actu_precedente
{
margin-bottom:5px;
margin-top:5px;
width:100%;
min-height:80px;
background-color:#eeeded;
overflow:auto;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;

}


div#actu_precedente:hover
{
background-color:#f7f7f7;
}

div#titre_actu_precedente
{
float:left;
padding:5px;
position:relative;
top:0px;
width:50%;

} 


div#zone_petit_plus_partie_droite
{
	position:absolute;
	right:0px;
	top:0px;

}

div#photo_vignette_actu_precedente
{
top:0px;
float:right;
overflow:hidden;
position:relative;
width:120px;
height:80px;
}


div#zone_boutons_annexes_partie_droite
{
width:100%;

}



/**Zone rappel popup**/
div#zone_rappel_popup_droite
{
padding-top:15px;
width:100%;
min-height:100px;
position:relative;
margin:0 auto;

}

/**********************/



/**********************************************************************************/




/********************************FIN PAGE GENERIQUE********************************/





/*************************************************************PAGE DES THEMES/RUBRIQUES***********************************************************/

/***partie gauche****/
div#zone_intro_theme_zone_gauche
{
width:100%;
padding-top:10px;
margin:auto 0;
position:relative;
height:auto;
overflow:auto;
}

div#zone_tuiles_sous_rubriques_zone_gauche
{
width:100%;
min-height:10px;
padding-top:10px;
margin:auto 0;
position:relative;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
}



div#zone_sous_rubrique_zone_gauche
{
margin-top:15px;
padding-bottom:30px;
margin:auto 0;
width:99%;
min-height:100px;
position:relative;
overflow:hidden;
}

div#intro_sous_rubrique_zone_gauche
{
width:99%;
min-height:30px;
margin-left:10px;
}

div#tuile_theme_rubrique
{
width:30%;
float:left;
color:white;
margin-left:20px;
margin-top:20px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
}




div#zone_photo_tuile_theme_rubrique
{
width: 100%;

top:0px;
margin:auto 0;
position:relative;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
overflow:hidden;
}




div#zone_titre_tuile_theme_rubrique
{
width: 100%;
height: 60px;
margin:auto 0;

top: 0px;
position:relative;

-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;



}


.lien_titre_tuile_theme_rubrique
{
font-family:roboto,arial;
color:white;
font-weight:900;
font-size:20px;
text-decoration:none;



}
/******************/

/****partie droite****/
div#partie_droite_themes
{
float:right;
/*margin-left:10px;*/
width:28%;
position:relative;
padding-top:0px;
top:5px;
min-height:450px;
background-color:#f4f4f4;

}


.titre_rubrique_partie_droite
{
	font-size:18px;
	font-weight:900;
	font-family:roboto,arial;
	text-decoration:none;

}

.titre_sous_rubrique_partie_droite
{
	font-size:16px;
	font-weight:500;
	font-family:roboto,arial;
	text-decoration:none;
	color:#757575;

}

.titre_articles_sous_rubrique_partie_droite
{
	font-size:14px;
	font-weight:300;
	font-family:roboto,arial;
	text-decoration:none;
	color:#757575;

}
/*********************/

/*********************************************************FIN PAGE THEMES/RUBRIQUES**************************************************************/


/*******************************************************PAGE 1 COLONNE************************************************************/
div#partie_contenu_page_1_colonne
{
margin:auto 0;
margin-left:5px;
margin-right:5px;
width:99%;
position:relative;
/*background-color:pink;*/
min-height:100px;
}


/*******************************************************FIN PAGE 1 COLONNE*******************************************************/




/*****************************************FORMULAIRE*****************************************/
div#zone_formulaire
{
width:80%;

margin:0 auto;
position:relative;

}

/*********************************************************************************************/



/**************************************************************************PIED DE PAGE***************************************************/
div#pied_page
{
position:relative;
width:100%;

/*border-top-color:#e1e1e1;
border-top-style:solid;
border-top-width:1px;
border-bottom-color:#e1e1e1;
border-bottom-style:solid;
border-bottom-width:1px;*/
padding-top:0px;
/*background-color:#0b6ba8;*/
margin:0 auto;
min-height:40px;
overflow : hidden;
background-color:#0b6ba8;
}

div#pied_page_milieu
{
position:relative;
width:1100px;


margin:0 auto;
padding-top:0px;

}

div#titre_parties_pied_page_milieu
{
margin:0 auto;
margin-left:10px;
font-size:16px;
font-weight:500;
font-family:roboto,arial;
color:white;
width:90%;

position:relative;
}


div#contenu_partie_pournousjoindre_pied_page_milieu
{
margin:0 auto;
margin-left:10px;
padding-bottom:10px;
padding-top:10px;
width:95%;
min-height:20px;
position:relative;
color:white;



}

div#contenu_formulaire_magazine_parties_pied_page_milieu
{
margin:0 auto;
margin-left:10px;
padding-bottom:10px;
padding-top:10px;
width:98%;
min-height:20px;
position:relative;
color:white;


}

div#contenu_gauche_formulaire_magazine_parties_pied_page_milieu
{
float:left;
margin-left:0px;
font-size:11px;
font-family:roboto,arial;
font-weight:100;
text-align:left;
color:white;
width:47%;
min-height:20px;
position:relative;


}

div#contenu_droite_formulaire_magazine_parties_pied_page_milieu
{
float:right;
margin-left:0px;
right:10px;

width:52%;
min-height:20px;
position:relative;
text-align:right;
color:white;

}
.font_nous_rejoindre_gras
{
	font-weight:500;
	font-family:roboto,arial;
	color:white;
	font-size:18px;

}
.font_nous_rejoindre_medium
{
	font-weight:300;
	font-family:roboto,arial;
	color:white;
	font-size:18px;

}
.lien_nous_zone_nous_rejoindre
{
	font-weight:500;
	font-family:roboto,arial;
	color:white;
	font-size:18px;
	text-decoration:none;

}
.lien_nous_zone_nous_rejoindre:hover
{
	font-family:roboto,arial;
	color:#e4e4e4;
	font-size:18px;
	text-decoration:underline;


}
/*************partie gauche**************/
div#partie_gauche_pied_page_milieu
{
position:relative;
float:left;
min-height:70px;
width:50%;

padding-top:0px;

}
/****************************************/

/**************partie droite***********/
div#partie_droite_pied_page_milieu
{
position:relative;
float:right;
min-height:70px;
width:50%;

padding-top:0px;
}

div#sous_partie_gauche_pied_page_milieu
{
position:relative;
float:left;
min-height:70px;
width:64%;
padding-top:0px;

border-left-color:#e1e1e1;
border-left-style:solid;
border-left-width:1px;


}

div#sous_partie_droite_pied_page_milieu
{
position:relative;
float:right;
min-height:70px;
width:34%;

padding-top:0px;
border-left-color:#e1e1e1;
border-left-style:solid;
border-left-width:1px;
text-align:left;


}

div#contenu_partie_sous_partie_droite_pied_page_milieu
{
margin:0 auto;
margin-left:10px;
padding-bottom:10px;
margin-top:10px;

width:95%;

position:relative;


}
.lien_sous_partie_droite_pied_page_milieu
{
	font-weight:300;
	font-family:roboto,arial;
	color:white;
	font-size:13px;
	text-decoration:none;


}

.lien_sous_partie_droite_pied_page_milieu:hover
{
	font-weight:300;
	font-family:roboto,arial;
	color:#e4e4e4;
	font-size:13px;
	text-decoration:underline;


}
/*************************************/




div#sous_pied_page
{
position:relative;
width:100%;
margin:0 auto;
padding-top:5px;
text-align:center;
min-height:20px;
font-size:12px;
font-weight:300;
font-family:roboto,arial;
color:white;
background-color:#535353;

}

/******************************************************************************/











/***********Foncir image**************/

img.foncir 
{
		
		filter: brightness(100%);
        -webkit-filter: brightness(100%);
        -moz-filter: brightness(100%);
        -o-filter: brightness(100%);
        -ms-filter: brightness(100%);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
}
img.foncir:hover 
{
		
		filter: brightness(60%);
        -webkit-filter: brightness(60%);
        -moz-filter: brightness(60%);
        -o-filter: brightness(60%);
        -ms-filter: brightness(60%);
}

/**********blanchir image**********************/
img.blanchir 
{
		
		
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
}
img.blanchir:hover 
{
		
		filter: brightness(70%);
        -webkit-filter: brightness(70%);
        -moz-filter: brightness(70%);
        -o-filter: brightness(70%);
        -ms-filter: brightness(70%);
}
/****************************************************/



/***********Foncir image**************/

img.eclaircir 
{
		opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=1);
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
}
img.eclaircir:hover 
{
		
		opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=0.5);
}




/****************************************************/


/*************Zoom image****************/

img.zoomer {
	transform: scale(1.0);
	-ms-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-o-transform: scale(1.0);
	-moz-transform: scale(1.0);
 
  	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	
}
 
img.zoomer:hover {
  	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

img.zoomer_peu {
	transform: scale(1.00);
	-ms-transform: scale(1.00);
	-webkit-transform: scale(1.00);
	-o-transform: scale(1.00);
	-moz-transform: scale(1.00);
 
  	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
 
img.zoomer_peu:hover {
  	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}



/****************************************/


/*LARGEUR ECRAN<1499px******/
@media only screen and (max-width : 1199px)

{

	/**********************SOMMAIRE LATERAL**********************/
	div#sommaire_lateral
	{
		display:none;
	}
	
	
	
}	
	
	
	/************************************************************/

/***************************************



 /*LARGEUR ECRAN <1100px******************************************************************************************************************************************************************/
@media only screen and (max-width : 1115px)

{
	div#zone_boutons_annexes_login_net
	{
		
		width:98%;
		text-align:center;
		min-height:20px;
		overflow:hidden;
		right:0;
		bottom:10px;
		position:absolute;
		padding:10px;
		
		
	}
	
	
	
	
	.texte_general_normal
	{
		font-size:18px;
	
	}
	.titre_moyen_noir_gras
	{
		font-size:18px;
	
	}
	
	.titre_petit_noir_light
	{
	
		font-size:14px;
	
	}
	
	.texte_general_normal_blanc
	{
		font-size:18px;
	
	
	}
	
	.titre_moyen_bleu_gras
	{
		font-size:18px;
	}
	
	.articleentier2
	{
	font-size:18px;
	
	}
	.articleentier2_blanc
	{
	font-size:18px;
	
	}
	

	div#bandeau_haut
	{
		width:100%;
	
	}
	
	div#bandeau_milieu_haut
	{
		width:100%;
	
	}
	div#nous_rejoindre_banniere_icone
	{
		padding-right:5px;
		padding-left:5px;
	
	}
	
	
	div#form_recherche_banniere
	{
		padding-right:5px;
		
	
	}
	
	
	div#menu_haut
	{
		width:100%
	}
	
	div#menu_milieu
	{
		width:100%;
	
	}
	
	div#message_alerte_info_banniere
	{
		width:100%;
	
	}
	
	
	div#ruban_noir_hommage
	{
	left:-8px;
	
	}
	
	
	
	div#barre_navigation_menu
	{
		width:99%;
	
	
	}
	
	
	
	
	

	
	
	
	/***************************AGENDA****************************/
	div#zone_evenement_page_agenda
	{

		width:98%;
		
	}
	div#zone_petit_plus
	{
	
		padding-right:5px;
	}
	
	
	div#zone_contenu_agenda
	{
		-webkit-border-radius: 5px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 5px;
		-moz-border-radius-topleft: 0;
		border-radius: 5px;
		border-top-left-radius: 0;
	}
	
	
	
	/***********************************************************/
	
	
	/******************LES PARTENAIRES**************************/
	div#element_partenaire_principal
	{
		width:46%;
		margin:10px;
	
	}
	
	
	
	/**********************************************************/
	
	
	
	/****************MAGAZINE BAIE DE SOMME********************/
	div#zone_mag_numeros
	{
	width:46%;
	margin:10px;

	}
	/***********************************************************/
	
	
	
	
	
	/*********************PHOTOTHEQUE PUBLIQUE********************/
	div#zone_photos_album_phototheque
	{
	width:20%;

	margin:19px;
	

	}
	/***********************************************************/
	
	
	/*****************************************PAGE CARTE INTERACTIVE************************************/
	div#zone_rubriques_carte_inter
	{
		width:95%;
		margin:0 auto;
		text-align:left;
		padding-bottom:10px;
		
		
	
	}

	/**************************************************************************************************/
	
	/****************************PAGE GENERIQUE*****************/
	div#page_generale_generique
	{
			width:100%;
			
	
	}
	div#zone_partager_page_generique
	{
		height:auto;
		float:right;
		padding-right:5px;
		position:relative;
	
		
	}
	
	div#contenu_titre_zone_fond_noir
	{
		width:90%;
	
	
	}
	
	div#titre_actu_precedente
	{
		width:50%;
	
	}
	
	div#zone_actus_precedentes
	{
		width:99%;
	}
	
	div#photo_vignette_actu_precedente
	{
		width:43%;
		float:right;
	
	}
	
	div#zone_boutons_annexes_partie_droite
	{
		width:99%;

	}
	
	
	
	


	div#zone_actu_secondaire_aimerez
	{
	width:45%;
	min-height:260px;
	margin:12px;
	position:relative;
	float:left;
	}

	div#zone_actu_secondaire_aimerez_toutactu
	{
	width:46%;
	min-height:400px;
	margin:12px;
	position:relative;
	float:left;
	}


	/***********************************************************/
	
	
	/******************************PAGE THEMES/RUBRIQUES**************************************************************/
	div#tuile_theme_rubrique
	{
		width:46%;
		margin-left:18px;
	}
	
	
	
	.lien_titre_tuile_theme_rubrique
	{
		font-size:18px;
	}
	
	
	/****************************************************************************************************************/
	div#page_globale
	{
		width:100%;
	
	}
	div#page_generale_haute
	{
		width:100%;
	
	}
	
	div#intro_actu_carrousel
	{
		display:none;
	
	}
	
	.lien_titre_tuile_homepage_gras
	{
	
	
		font-size:32px;
	
	}

	.lien_titre_tuile_homepage_light
	{
		font-size:32px;
	}
	
	
	div#page_generale_basse
	{
		width:100%;
	
	}
	
	div#partie_gauche
	{
		width:100%;
		margin:0 auto;
	

	}
	
	
	
	div#partie_droite
	{
		width:100%;
		margin:0 auto;
		
	}
	

	
	div#pied_page_milieu
	{
		width:100%;
	
	}
	div#partie_gauche_pied_page_milieu
	{
		width:100%;
	}
	
	div#contenu_gauche_formulaire_magazine_parties_pied_page_milieu
	{
		
		font-size:16px;
	}
	
	div#partie_droite_pied_page_milieu
	{
		
		border-top-color:#e1e1e1;
		border-top-style:solid;
		border-top-width:1px;
		border-right:0;
		text-align:center;
		width:100%;
	}
	div#sous_partie_gauche_pied_page_milieu
	{

	border: 0 none;

	}

	div#sous_partie_droite_pied_page_milieu
	{


	padding-top:0px;
	border: 0 none;



	}
	
}


/**********LARGEUR <790px*****************************************************************************/
@media only screen and (max-width : 790px)

{
	div#photo_vous_aimerez_aussi
	{
		width:98%;
		height:300px;
		
	}
	div#ma_messagerie_net
	{
		float:none;
		margin:0 auto;
		padding:10px;
		
	}
	
	div#ma_visio_net
	{
		
		
	}
	
	div#zone_boutons_annexes_login_net
	{
		
		width:98%;
		display: initial ;
		border-top:#d0d0d0 1px solid;
		
		
	}

	div#bouton_acces_direct_login
	{
		margin:0 auto;
		padding:10px;
		
		
		
	}
	
	
	.image_mobile
	{
		max-width:none;
		
		width:100%;
	
	}



	.texte_general_normal
	{
		font-size:20px;
	}

	.titre_moyen_noir_gras
	{
		font-size:20px;
	
	}
	
	.titre_petit_noir_light
	{
	
		font-size:16px;
	
	}
	
	.texte_general_normal_blanc
	{
		font-size:20px;
	
	}
	
	.titre_moyen_bleu_gras
	{
		font-size:20px;
	}
	
	.articleentier2
	{
		font-size:20px;
	}
	.articleentier2_blanc
	{
		font-size:20px;
	}
	.input
	{
		width:75%;
	}


	.logo_adapt
	{
		width:70%;
	
	}
	
	
	div#ruban_noir_hommage
	{
	
	margin:0 auto;
	position:relative;
	-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
	
	
	}
	
	div#menu_milieu
	{
	min-height:50px;
	
	}
	div#logo_sm_menu_milieu
	{
		float:none;
		margin:0 auto;
		
		width:100%;
		
		text-align:center;
	}
	
	
	div#form_recherche_banniere
	{
		float:none;
		margin:0 auto;
		
		width:98%;
		
	
	}
	
	
	div#titre_message_alerte_info_banniere
	 {
	 width:90%;
	 float:none;
	 margin:0 auto;
	
	 }
	 
	 div#texte_message_alerte_info_banniere
	 {
	  width:90%;
	  float:none;
	 margin:0 auto;
	 text-align:center;
	
	 
	 }
	
	
	div#ensemble_elements_form_recherche
	{
		margin:0 auto;
		text-align:center;
	
	}
	
	div#barre_navigation_menu
	{
		padding-top:10px;
	
	}
	
	div#element_barre_nav_menu
	{
		display:none
	
	}
	
	div#element_barre_nav_menu_home
	{

		width:100%;
		padding-left:0px;
		padding-right:0px;
		padding-top:10px;
		padding-bottom:10px;
		float:none;
		
		position:relative;
		background-color:#0b6ba8;
		border-bottom-color:white;
		border-bottom-style:solid;
		border-bottom-width:1px;
		background-image:url(images/home_nav.png);
		
		background-position:center !important;
	

	}
	
	
	div#element_barre_nav_menu
	{
		width:100%;
		padding-left:0px;
		padding-right:0px;
		padding-top:10px;
		padding-bottom:10px;
		float:none;
		
		position:relative;
		background-color:#0b6ba8;
		text-align:center;
		
		
		border-bottom-color:white;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}
	
	
	
	
	.nav_menu_lien
	{
		font-weight:500;
		font-size:22px;
		color:white;
		
		
	
	}
	.nav_menu_lien:hover
	{
		text-decoration:none;
		color:white;
		
		
	
	}
	
	img.foncir_nav
	{
	
			filter: brightness(100%);
			-webkit-filter: brightness(100%);
			-moz-filter: brightness(100%);
			-o-filter: brightness(100%);
			-ms-filter: brightness(100%);
			height:30px;


	}
	div#partie_actu
	{
	padding-top:0px;
	min-height:100px;
	
	}
	/****************************ZONE GENERALE GRISE*********************************/
	div#zone_gris_gen
	{
	background-color:#eeeded;
	width:90%;
	padding:10px;
	margin:0 auto;
	position:relative;

	}


	/**********************************************************************************/
		
	/**********************AGENDA***************************************/
	#zone_num_jour_contenu_agenda
	{
		width:99%;
		float:none;
		margin:0 auto;
		margin-left:none;
	}

	#zone_detail_evenement_contenu_agenda
	{
		width:99%;
		float:none;
		margin:0 auto;
		
	}
	
	div#zone_contenu_agenda
	{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	/******************************************************************/
	
	
	/******************EQUIPES*****************************/
	div#branche_milieu_equipes
	{
		width:53%;
	}
	
	div#zone_gauche_equipes
	{
		width:47%;
	
	}
	
	div#zone_droite_equipes
	{
		width:47%;
	
	}
	
	.titre_equipes
	{
	font-size:16px;
	
	}
	/*****************************************************/
	
	/******************LES PARTENAIRES**************************/
	div#element_partenaire_principal
	{
		width:35%;
		margin:20px;
	
	}
	
	
	
	/**********************************************************/
	
	/****************MAGAZINE BAIE DE SOMME********************/
	div#zone_mag_numeros
	{
	width:90%;
	margin:5px;
	margin-top:20px;
	}
	/***********************************************************/
	
	/**********************PHOTOTHEQUE PUBLIQUE**********************/
	div#zone_photos_album_phototheque
	{
	width:30%;

	margin:5px;
	

	}
	/*****************************************************************/
	
	/******************FORMULAIRE*********************/
	div#zone_formulaire
	{
		width:99%;
	
	}
	.textarea_signature
	{
	width:90%;
	height:50px;
	display:block;
	margin:0 auto;
	font-size:20px;
	font-family:roboto,arial;
	font-weight:300;
	color:#404040;
	background-color:#eeeded;
	border:2px solid black;
	resize: none;
	padding-left:5px;

	}
	
	/**************************************************/
	
	
	/***********************PAGE GENERIQUE***************************/
	
	
	
	.intro_article_page_generique
	{
		font-size:18px;
	}
	
	
	div#page_generale_generique
	{
		border-top-color:white;
	
	}
	
	
	div#partie_gauche_generique
	{
		float:none;
		margin:0 auto;
		width:99%;
		
				
	}
	
	/***bouton GoogleMaps**************/
	div#bouton_voir_carte_googlemaps
	{
	float:none;
	width:99%;
	margin:0 auto;
	
	
	}
	
	div#label_bouton_googlemaps
	{
	width:70%;
	
	}
	div#text_label_bouton_google_maps
	{
	font-size:26px;
	top:27%;
	}
	
	/***commentaires***/
		
		.input_commentaire
		{
			width:99%;
		}
	div#partie_droite_generique
	{
		float:none;
		margin:0 auto;
		width:99%;
	}
	
	div#contenu_titre_zone_fond_noir
	{
		width:95%;
		
	
	
	}
	div#titre_actu_precedente
	{
		width:90%;
		float:left;
	
	}
	
	div#photo_vignette_actu_precedente
	{
		/*width:19%;
		float:right;*/
		display:none;
	}
	
	
	div#zone_actu_secondaire_aimerez
	{
	float:none;
	width:99%;
	min-height:100px;
	margin:0 auto;
	position:relative;
	margin-bottom:20px;
	}
	
	div#zone_actu_secondaire_aimerez_toutactu
	{
	width:92%;
	min-height:400px;
	margin:12px;
	position:relative;
	float:left;
	}

	div#sous_zone_commentaires_vous_aimerez
	{
		display:none;
	}
	
	/****************************************************************/
	
	
	
	/************************PAGE THEMES******************************/
	
	div#tuile_theme_rubrique
	{
		width:45%;
		margin-left:12px;
	}
	
	/***partie droite*****/
	div#partie_droite_themes
	{
		/*float:none;
		margin:0 auto;
		width:99%;*/
		display:none;
	}
	
	.titre_rubrique_partie_droite
	{
		font-size:20px;
		

	}

	.titre_sous_rubrique_partie_droite
	{
		font-size:18px;
		

	}

	.titre_articles_sous_rubrique_partie_droite
	{
		font-size:16px;
		

	}
	
		.lien_titre_tuile_theme_rubrique
	{
		font-size:14px;
	}
	/******************************************************************/
	
	
	
	
	
	
	
	
	
	
	
	
	div#page_generale_haute
	{
		padding-top:20px;
		
	
	}
	
	.titre_caption_carrousel
	{
		font-family:roboto,arial;
		font-size:22px;
		font-weight:900;
		color:white;
	}
	.titre_caption_carrousel:hover
	{
		font-family:roboto,arial;
		font-size:22px;
		font-weight:900;
		color:white;
		text-decoration:none;

	}
	
	
	/*div#sous_partie_gauche_partie_gauche
	{
		width:100%;
	
	}*/
	.lien_titre_tuile_homepage_gras
	{
	
	
		font-size:26px;
	
	}

	.lien_titre_tuile_homepage_light
	{
		font-size:26px;
	}
	
	/*div#sous_partie_droite_partie_gauche
	{
		width:100%;
	
	}*/
	div#agenda_partie_droite_homepage
	{
		
		height:auto;
		
		
	}

	
	div#zone_contenu_agenda_partie_droite_homepage
	{
	
		height:auto;

	}
	div#zone_contenu_agenda_partie_droite_homepage
	{
		width:100%;
	
	}
	div#texte_zone_contenu_agenda_partie_droite_homepage
	{
		padding-left:5px;

		padding-top:10px;
		height:auto;
		width:99%;

		font-family:roboto,arial;
		font-size:18px;
		font-weight:100;
		border-right-style:none;
		border-right-width:0px;
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-bottom-color:white;
	}
	
	div#texte_zone_contenu_agenda_partie_droite_homepage2
	{
		padding-left:5px;

		padding-top:10px;
		height:auto;

		width:99%;

		font-family:roboto,arial;
		font-size:18px;
		font-weight:100;
		border-right-style:none;
		border-right-width:0px;
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-bottom-color:white;
	}
	
	
	
	div#zone_gauche_partie_droite
	{
		width:100%;
	}
	
	.lien_bouton_annexe
	{
		font-size:16px;
	
	}
	div#bouton_annexe
	{
		padding-top:15px;
	
	}
	
	div#titre_zone_baie_en_video_homepage
	{
		text-align:left;
	}
	
	div#zone_droite_partie_droite
	{
		width:100%;
	}
	
	div#sous_partie_gauche_pied_page_milieu
	{
		width:100%;
		
	}
	
	
	div#zone_mag_homepage
	{
		top:40px;
	
	}

	
	
	div#contenu_gauche_formulaire_magazine_parties_pied_page_milieu
	{
		width:100%;
		font-size:18px;
	}
	
	div#contenu_droite_formulaire_magazine_parties_pied_page_milieu
	{
		width:100%;
		text-align:left;
		padding-bottom:10px;
		text-align:center;
	}
	
	div#sous_partie_droite_pied_page_milieu
	{
		width:100%;
		border-top-color:#e1e1e1;
		border-top-style:solid;
		border-top-width:1px;
		text-align:center;
	}
	.lien_sous_partie_droite_pied_page_milieu
	{
		font-size:16px;
	
	
	}
	.lien_sous_partie_droite_pied_page_milieu:hover
	{
		font-size:16px;
	
	
	}
	
	div#contenu_gauche_formulaire_magazine_parties_pied_page_milieu
	{
		text-align:center;
	}
	
	div#contenu_partie_pournousjoindre_pied_page_milieu
	{
		text-align:center;
		margin-left:0px;
	
		margin:0 auto;
	}
	div#titre_parties_pied_page_milieu
	{
		font-size:20px;
		font-weight:900;
		text-align:center;
		margin-left:0px;
		margin:0 auto;
	}
}
	
/************************************/



/**********LARGEUR <590px***********/
@media only screen and (max-width : 590px)

{
.lien_titre_tuile_homepage_gras
	{
	
	
		font-size:14px;
	
	}

	.lien_titre_tuile_homepage_light
	{
		font-size:14px;
	}

}

/************************************/