*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
  margin:0px;
  padding:0px;
  background-color:#efefef;
}


.mobile_element {
  display:none;
}
.standard_element {

}



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


/*************************** forms *****************************/

input, textarea, select, .saisie {
  border:1px solid #ccc;
  color: #444;
  background-color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-size:14px;
  padding:4px;
  margin:0;
}

input.inputSubmit,input[type=submit]  {
  border:0px;
  font-family: 'Lato', sans-serif;
  font-size:14px;
  background-color:#007fc7;
  color: #FFFFFF;
  font-weight:300;
  cursor:pointer;
}
input.inputSubmit:hover, input[type=submit]:hover {
  background-color:#000;
  color:#fff;
}

input[type=radio] {
  border:0px;
  background:none;
}
input[type=checkbox] {
  border:0px;
  background:none;
}
.formChamp, .formChampLarge
{
	margin-bottom: 5px;
  float:left;
  width:45%;
  margin-right:5%;
}

.formChampLarge {
  width:100%;
  margin:0;
}

.formIntituleChamp
{
	margin-bottom: 5px;
  font-weight:700;
}
.formInputChamp
  {
	
}
.formInputSubmit
{
  margin-top:10px;
}

textarea#message {
  width:100%;
  height:100px;
}


/*special champ à ignorer pour contrer les robots*/
.mon_champ {
  display:none;
}

/*
erreur SQL
*/
.sql_error {
  padding:10px;
  margin:10px;
  background-color:#eeeeee;
  color:#aa0000;
}

/*************************** header *****************************/





#header {
  height:190px;
  background-image:url(../images/background_header.png);
  background-repeat:repeat-x;
}
#header_logo{
	width:202px;
	height:118px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/Lycee-JA.svg);
	float:left;
	display:block;
	margin-top:35px;
}
/*
#header_raccourcis{
	width:auto;
	height:25px;
	float:left;
	margin-top:40px;
}
*/


#header_r_edito {
	float:left;
	margin-top:40px;  
}

#header_raccourcis{
	width:auto;
	height:25px;
}
#header_edito {
  max-height:90px;
  height:auto;
  width:450px;
  margin-top:10px;
}
#header_edito p {
  margin:0;
}

#header_raccourcis_mobile{
	display:none;
}
.header_raccourci{
	width:25px;
	height:25px;
	margin:0px 3px;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	float:left;
}
.header_raccourci[icon=facebook]{
	background-image:url(../images/picto_facebook_OFF.png);
}
.header_raccourci[icon=rechercher]{
	background-image:url(../images/picto_rechercher_OFF.png);
  cursor:pointer;
}
.header_raccourci[icon=contact]{
	background-image:url(../images/picto_contact_OFF.png);
}
.header_raccourci[icon=facebook]:hover{
	background-image:url(../images/picto_facebook_ON.png);
}
.header_raccourci[icon=rechercher]:hover{
	background-image:url(../images/picto_rechercher_ON.png);
}
.header_raccourci[icon=contact]:hover{
	background-image:url(../images/picto_contact_ON.png);
}

.header_raccourci[icon=twitter]{
	background-image:url(../images/picto_twitter_OFF.png);
}
.header_raccourci[icon=twitter]:hover{
	background-image:url(../images/picto_twitter_ON.png);
}

.header_raccourci[icon=instagram]{
	background-image:url(../images/picto_instagram_OFF.png);
}
.header_raccourci[icon=instagram]:hover{
	background-image:url(../images/picto_instagram_ON.png);
}

.header_recherche {
  float:left;
  margin:0;
  padding:0;
  display:none;
}
  .header_recherche form {
    margin:0;
    padding:0;
    height:25px;
    
  }
  .header_recherche_texte {
    font-size:12px;
    padding:0px 4px; 
    border:0;
    background-color:#eee;
    color:#000;
    height:25px;
    margin:0;
    float:left;
  }
  .header_recherche_btn {
    background-image:url(../images/picto_rechercher_ON.png);
    background-repeat:no-repeat;
    background-position:center;
    width:25px;
    height:25px;
    float:left;
  }
  
  .header_recherche_btn:hover {
    background-image:url(../images/picto_rechercher_OFF.png);
  }

#header_widget_gen{
	height:57px;
	float:right;
	margin-top:112px;
}
.header_widget{
	width:57px;
	height:57px;
	margin-left:10px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#efefef;
	display:block;
}
.header_widget:hover{
	background-color:#007fc7;
}
.header_widget_agenda{
	background-image:url(../images/picto_header_agenda.png);
}
.header_widget_cantine{
	background-image:url(../images/picto_header_cantine.png);
}
.header_widget_scolinfo{
	background-image:url(../images/picto_header_scoinfo.png);
}
.header_widget_inscription{
	background-image:url(../images/picto_header_inscription.png);
}
.header_widget_telecharger{
	background-image:url(../images/picto_header_telechargement.png);
}
.header_widget_menu {
  display:none;
}


/*************************** menu *****************************/





#header_menu {
	height:56px;
  background-color:#FFF;
  display:flex;
  justify-content:space-around;
}



/**** menu horizontal ***/
        #menu{
       	  margin:0;
          padding:0;
          height:56px;
         background-color:#FFF;
         display:flex;
         justify-content:space-around;
        }
        
        #menu li {
       	width:100%;
       	height:56px;

         display: flex;
           justify-content: center;
           align-items: center;
       	text-align:center;
          
        }
       


        #menu li a {
          display:flex;
          font-size:16px;
          color:#000;
          text-decoration:none;
          text-align:center;
          font-weight:700;         
          height:56px;
          width:100%;
           justify-content: center;
           align-items: center; 
           border-bottom:7px solid #d3efff;
       
        }
        
        #menu li a.nosousmenu {
          
        }
                
        #menu li a:hover, #menu li:hover > a {
          text-decoration:none;
          color:#fff;
          background-color:#007fc7;
          transition:0.5s;  
          border-bottom:7px solid #007fc7;
        }

        #menu > li {
          cursor:pointer;
          float:left;
          position:relative;
          text-align:center;
        }
        
                
        /* actif */
        li.li_menu_actif a {
          border-bottom:7px solid #007fc7!important;
          color:#fff;
          background-color:#007fc7;
        }
        
        /* sub-menus*/

       
        /* conteneur sous menu */
        .ul_sousmenu {
          position:absolute;
          top:0px;
          left:50%;
          
          transform:translate(-50%, 0);
          opacity:0.95;
          

          z-index:1000;/*  1003 */

          display:none;
          /*display:block;*/
        	width:100%;
          height:auto;
        	padding:0;
          padding-top:56px;
          
          
        }

        #menu li:hover ul.ul_sousmenu {
          display:block;
        }
        /* element sous menu */
        .ul_sousmenu li{
          display:block;
          list-style-type:none;
          margin:0px;
          /*text-align:center;*/
          z-index:1003;

        	width:250px;
        
        	padding:0px!important;
        	border-bottom:#fff 1px solid!important;
          position:relative;
          
        }

        .ul_sousmenu li:hover{
          background-color:#007fc7;
          transition:0.5s;    
        }       
        



        .ul_sousmenu li a { 
          display:block;
          padding:6px!important;
          margin:0;
          width:auto;
        	font-size:16px;
        	text-align:left;
          text-decoration:none;
          color:#000;
          border:0!important;
          background-image:none!important;
          background-color:#fff;
        }

        .ul_sousmenu li a:hover {
          color:#fff;
          text-decoration:none;
          background-color:#007fc7; 
        }

        .ul_sousmenu li:last-child{
        	border-bottom:none!important;
        }
        
        /*** sous sous menu (3e niveau) ***/
        .ul_soussousmenu {
          position:absolute;
          top:0px;
          left:100%;
          
          opacity:0.95;
          z-index:2000;
          display:none;
          /*display:block;*/
        	width:100%;
          height:auto;
        	padding:0;
        }        
        .ul_sousmenu li:hover ul.ul_soussousmenu {
          display:block;
        }           
        

        #header_menu_home {
        	width:45%!important;
        	height:56px;

        	display:inline-block!important;
        }
        #header_menu_home a {
        	background-color:#949494;
        	background-position:center;
        	background-repeat:no-repeat;
        	background-image:url(../images/picto_home.png);        
        }
        #header_menu_home a:hover{
        	background-color:#626262;
        }



#milieu{
	width:100%;
	min-height:400px;
	margin:20px 0px 40px 0px;
	background-color:#fff;
}





/*************************** éléments identiques *****************************/


.background_orange{
	background-color:#007fc7;
}
.texte_orange{
	color:#007fc7;
}
.barre_titre_orange{
	background-position:bottom left;
	background-repeat:no-repeat;
	background-image:url(../images/puce_h1_bleu.png);
	padding-bottom:20px;
}
.barre_titre_blanc{
	background-position:bottom  center;
	background-repeat:no-repeat;
	background-image:url(../images/puce_h1_blanc.png);
	padding-bottom:20px;
}
.puce_h2_orange{
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../images/puce_h2.png);
}






/*************************** page accueil *****************************/








/*************************** page interieure *****************************/



#contenu_page_int{
	width:100%;
	min-height:400px;
	margin:20px 0px 40px 0px;
	background-color:#FFF;
}
#page_int_photo{
	height:160px;
	width:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
	padding-top:120px;
}
#fil_ariane_bloc{
	height:40px;
	width:100%;
	background-color:RGBA(255,255,255,0.8);
	display:block;
	padding:12px 40px;
	color:#000000;
	font-size:14px;
}
#fil_ariane_bloc a{
	color:#000000;
	font-weight:700;
	font-size:14px;
	padding: 0px 10px;
}
#milieu_page_int{
	/*padding:40px 0 40px 40px;*/
  padding:40px 0 0px 0px;
}
#page_int_colonnegauche{
	width:210px;
	margin-right:40px;
	float:left;
	background-color:#007fc7;
	min-height:80px;
	padding-bottom:8px;
}
#page_int_colonnedroite{
	width:710px;
	float:left;
  
}

#page_int_full{
	width:100%;
	float:none;
  margin:0;
  
}

#titre_sous_menu{
	text-align:center;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	color:#FFF;
	padding-top:20px;
	margin-bottom:8px;
}
.sous_menu_titre{
	margin:8px 0px;
	padding:8px 20px 8px 42px;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../images/puce_sous_menu_blanc.png);
	font-size:16px;
	color:#FFF;
	display:block;
}
.sous_menu_titre:hover, .sous_menu_titre_actif{
	background-image:url(../images/puce_sous_menu_rose.png);
	color:#007fc7;
	background-color:#efefef;
}

.sous_sous_menu_titre{
	margin:8px 0px;
	padding:8px 20px 8px 42px;
	font-size:14px;
	color:#FFF;
	display:block;
  background-image:none;
}
.sous_sous_menu_titre:hover, .sous_sous_menu_titre_actif{
	background-image:none;
  color:#000!important;
	background-color:#efefef;
}

/*************************** carte *****************************/






#carte {
	width:100%;
	height:456px;
	/*
  background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-image:url(../images/carte.jpg);
  */
  margin-top:20px;
}
  #carte_iframe {
    width:100%;
    height:100%;
    overflow:hidden;
    border:0;
  }







/*************************** footer *****************************/







#footer_credits{
	height:40px;
	background-color:#FFF;
	margin-top:40px;
}
#footer_credits .conteneur{
	width:700px;
}
#footer_credits a{
	color:#4d4d4d;
	padding:10px;
	display:block;
	float:left;
}
#footer_credits a:hover{
	color:#000;
}


/**** page contact ***/

#page_contact_plan {
  margin-bottom:10px;
}



#page_contact_plan_adresse {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/location-point.png);
  padding-left:75px;
  min-height:64px;
  
  float:left;
  width:40%;
}

#page_contact_plan_tel {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/phone-symbol.png);
  padding-left:75px;
  min-height:64px;
  padding-top:1px;
  
  float:left;
  width:30%;
}





#page_contact_plan_map {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/compass.png);
  padding-left:75px;
  min-height:64px;
  padding-top:1px;
  display:block;
  
  float:left;
  width:30%;
}

#page_contact_intro {
  margin:10px 0 10px 0;
}



/*** document **/
.doc_el {
  display:block;
  float:left;
  width:31%;
  margin:0 1% 10px 1%;
  text-decoration:none;
}

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

.doc_el_capture {
  width:100%;
  height:200px;
    background-position: top center;
    background-repeat:no-repeat;
    background-size:auto 100%;   
}

.doc_el_titre {
      color:#222;
      font-weight:700;
      text-align:center;
      font-size:16px;
}
.doc_el_infos {
      color:#777;
      text-align:center;
      font-size:14px;
}

/* agenda */

.item_calendar {
  margin-bottom:10px;
  
  display:block;
}

.item_calendar_jour {
  float:left;
  width:75px;
  height:55px;
  background-color:#777;
  margin-top:4px;
  margin-right:10px;
  
  
}
.item_calendar_jour_titre {
  color:#fff;
  text-align:center;
  font-size:11px;
  text-transform:uppercase;
  margin-top:5px;
  margin-bottom:2px;
}
.item_calendar_jour_numero {
  color:#fff;
  text-align:center;
  font-size:26px;
}

.item_calendar_content {
  float:left;
  width:610px;
}
.item_calendar_content h3 {
  margin-bottom:2px;
}
.item_calendar_date {
  color:#666;
}
.item_calendar_texte {
  text-align:justify;
}
.item_calendar_photo img {
  max-width:610px;
}

/** actus ***/
.actu_el {
  margin-bottom:10px;
}


.actu_el_photo {
  width:25%;
  height:150px;
  background-position: top center;
  background-repeat:no-repeat;
  background-size:100% auto;
  float:right;   
}
.actu_el_infos {
  float:left;
  margin-right:1%;
  width:73%;
}
.actu_el_texte {
  text-align:justify;
}
.actu_el_date {
    font-weight: 300;
    font-size: 18px;
    color: #cd0c0f;
}

/** videos */
#videos {
  display:flex;
  flex-wrap:wrap;
}
.video_el, .video_cat {
    display:block;
    margin:1%;
    width:31%;
    height:auto;
    min-height:170px;
    background-color:#000;
    transition:0.5s;
}
  .video_el:hover {
    background-color:#007fc7;
  }
  .video_el_titre {
    font-weight:700;
    color:#fff;
    text-align:center;
    padding:5px;
  }
  .video_el_capture {
    background-image:url('../images/picto_photo.png'); /* imge défaut */
    background-repeat:no-repeat;
    background-position: center;
    background-size:cover;
    height:150px;
    width:100%;
  }
  
  .video_cat {
    display:flex;
    vertical-align:middle;
    flex-direction:column;
    justify-content:space-around;
  }
  .video_cat:hover {
    background-color:#007fc7;
  }  
  .video_cat p {
    color:#fff;
    text-align:center;
    font-size:18px;
    display:block;
  }
  .video_cat div {
    color:#fff;
    text-align:center;
    font-size:14px;
    display:block;
  }  
  
/* liens */
  .accueil_bloc_lien {
    display:block;
    margin-bottom:10px;
    background-image:url('../images/puce_h2.png');
    background-repeat:no-repeat;
    background-position: left top;
    padding-left:24px;   
  }
  .accueil_bloc_lien:hover div {
    color:#007fc7;
  }
  .accueil_bloc_lien_titre {
    font-weight:700;
  }
  .accueil_bloc_lien_url {
    font-size:12px;
    color:#666;
  }