/* CSS Document - largeur small */

/*********** styles generaux ************/
    
    body {
        width: 100%;
        margin: 0;
        padding: 0;
        background-color:#fff;
    }
    
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    table {
      table-layout: fixed;
    }

    /* force le contenu à passer à la ligne sous une image */
    img {
      clear:left;
      max-width:100%;
    }
/************************/

.mobile_element {
  display:block;
}
.standard_element {
  display:none;
}

/*
styles photos pour alignement (utilisés par éditeur)
*/
.align_right {
  margin:0;
  margin-bottom: 10px;
  float:none;
  clear:both;
}
.align_left {
  margin:0;
  margin-bottom: 10px;
  float:none;
}


/** structure **/
.conteneur {
  width:auto;
  margin:auto;
}

/* header */
#header {
  height:auto;
  background:none;
  background-color:#fff;
}

#header_r_edito {
  display:none;
}


#header_logo{
	
	float:none;
  margin:20px auto;
}
#header_raccourcis{
	display:none;
}
#header_raccourcis_mobile{
	display:block;
  float:right;
}
#header_raccourcis_mobile .header_raccourci{
  float:right;
}
#header_raccourcis_mobile .header_recherche_texte {
  width:125px;
}
#header_raccourcis_mobile .header_recherche {
  float:none;
  margin:0;
  margin-right:5px;
  padding:0;
  display:none;
}
#header_widget_gen{
	height:auto;
	float:none;
	margin:20px auto;
  display:flex;
}
 .header_widget{
   display:flex;
   width:100%;
   margin: 5px;
 }
 .header_widget_menu{
 	background-image:url(../images/picto_header_menu.png);
 }

/** menu **/
#menu {
  display:none;
  float:none;
  width:100%;
  height:auto;
}
        #header_menu_home {
        	width:100%!important;
        	height:56px;

        	display:inline-block!important;
        }
#menu li {
  display:block;
  float:none;
  width:100%;
  border-right:0!important;
  border-top:1px solid #fff!important;
  background-color:#007fc7;
  height: auto;
}
.ul_sousmenu {
  position:relative;
  display:block;
  float:none;
  width:100%;
  height:auto;
  padding-top:0px;  
  border:0!important;
}
#menu li a {
  text-align:center;
  border-right:0!important;
  padding:10px;
  text-align:center;
}
.ul_sousmenu li{
  background-color:#fff!important;
  border-top:1px dotted #fff!important;
}
.ul_sousmenu li a{
  font-weight:300!important;
}

        /*** sous sous menu (3e niveau) ***/
        .ul_soussousmenu {
          position:relative;
          left:0;
          width:100%;
          display:block;
          height:auto;
            padding:0;
          opacity:1;
        }
        .ul_soussousmenu li {
         
        }      
        .ul_sousmenu li:hover ul.ul_soussousmenu {
          display:block;
        }
       
        .ul_soussousmenu a {
          font-size:14px!important;
          background-color:#eee!important;
        }

/** accueil dans index.css pour le slider**/



/*** inter **/
#milieu_page_int {
  padding: 10px;
}
#page_int_photo {
  display:none;
}
#page_int_colonnegauche {
  display:none;
}
#page_int_colonnedroite {
  float:none;
  width:auto;
}

/** footer ****/
#footer_credits{
	height:auto;
  background-color: #eee;
  padding:20px 0;
}
#footer_credits .conteneur{
	width:auto;
}
#footer_credits a{
	padding:0;
	float:none;
  margin:5px;
}
#footer_credits a:hover{
	color:#000;
}


/** forms */
.formChamp, .formChampLarge
{
	float:none;
  width:auto;
  margin:0 0 10px 0;
}

/* contact */
#page_contact_plan_adresse, #page_contact_plan_tel, #page_contact_plan_map {
  float:none;
  margin:0 0 10px 0;
}

/*** document **/
.doc_el {
  
  float:none;
  width:98%;
  margin:0 1% 10px 1%;
  
}


/* agenda */


.item_calendar_jour {
  float:left;
  width:19%;
  height:auto;
  margin-right:1%;
  
  
}

.item_calendar_content {
  float:right;
  width:80%;
}

.item_calendar_photo img {
  max-width:100%;
}

/** actus ***/
.actu_el {
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
}


.actu_el_photo {
  width:auto;
  height:220px;
  background-position: center;
  background-repeat:no-repeat;
  background-size:cover;
  float:none;   
}
.actu_el_infos {
  float:none;
  margin:5px 0;
  width:auto;
}


/* videos */
.video_el, .video_cat {
    width:48%;
    
}