/* CSS utilisé pour le template général
------------------------------------------------------------------------- */


/*############################################################
############   ELEMENTS GENERAUX   ###########################
############################################################## */


* {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


body {
    font-family: Arial, Verdana;
    font-size: 11px;
    text-align: center;   /*permet de centrer les éléments de la page*/
    color: #333;
    background: #fff;    
}

/*éléments de style pour les textes, les paragraphes...

div, p, img, a, td, ul, ol {
	font-family: Arial, Verdana;
	font-size: 11px; 
}

p { padding: 0 0 1em; }
*/

a, a:link { 
    text-decoration: none;
    color: #232766;
}
a:visited { 
	color: #232766;
    text-decoration: none;
}
a:hover {
	 color: #232766;
	 text-decoration: none;
 }
a:active {
	 color: #232766;
	 text-decoration: none;
}

a img, img {
    border: none;
}

/*élémens de style pour les listes et éléments de listes */
/*ol {
    margin-left: 10px;
    padding-left: 10px;
}

ol li {
    margin-left: 10px;
    list-style: decimal;
}
ul {
    list-style: none;
    margin: 0px 0px 10px 1px;
}
li {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 3px;
}
*/

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

blockquote {
    margin: 0 0 0 30px;
    padding: 10px 0 0 20px;
    font-size: 88%;
    line-height: 1.5em;
    color: #666;
    background: url(images/quotes.gif) no-repeat top left;
}

blockquote p { margin-top: 0; }

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { display: none; }


.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}

.message {
    background-color: green;
}

img {
	margin:0;
	padding:0;
	border:none;
}

/*############################################################
############   CONSTRUCTION DE LA PAGE   ######################
############################################################## */

#global {
    text-align: center;   /*permet de centrer les éléments de la page*/
}

#page {
    width: 949px;
    border-left:solid 1px #C7C6DD;
    margin: 0px auto 0px auto;
    height: 559px;
    text-align: left;
	background-color: #fff;
}

#header { 
    background-color: #fff;
	height:142px;	
    width:950px;
    text-align:center;
    margin: 0px auto;
}

#logo_educ {
	float:left;
	background-color: #fff;
	height:142px;
	width:205px;
	border-left:solid 1px #C7C6DD;
	/*background-image : url(logo_educnat.gif) ;	
	background-repeat: no-repeat;*/
}

#img_haut {
	float:left;
	background-color: #C7C6DD;
	height:142px;
	width:509px;
	/*border-bottom:solid 1px #C7C6DD;	
	background-image : url(img_bandeausup.gif) ;	
	background-repeat: no-repeat;*/
}

#logo_lycee {
	float:left;
	border:solid 1px #C7C6DD;
	height:140px;
	width:233px;
	background-color:#fff;
}

#menuHaut {
	float:left;
	margin : 0 auto;
    background-color:#C7C6DD;
	/*border:solid 1px #ff0000;*/
    width:715px;
    height: 24px;
    text-align:right;
    font-family: arial,verdana;
    font-size: 12px;
    font-style: italic;
    color:#232766;
}


#menuDroite {
	float:right;
    margin : 0px auto 0px auto;
   	border-left:solid 1px #C7C6DD;
   	border-right:solid 1px #C7C6DD;
    width:232px;
    height: 527px;
    background-color:#232766;
    color: #999;
}


#menuDroite1 {
	position:relative;
	top:10px;
	left:10px;
	width:210px;
    height: 150px;
    /*background-color:#eee;*/
    color: #fff;
}

#menuDroite2 {
	position:relative;
	top:35px;
	left:10px;
	width:210px;
    height: 180px;
    /*background-color:#ff0000;*/
    color: #fff;
}


#bandeBasse {
	float:left ;
	margin : 0 auto ;
    background-color:#EFA500 ;
	border:solid 1px #C7C6DD ;
	border-left:none ;
    width:948px ;
    height: 30px ;
    font-family: arial,verdana ;
    font-size: 14px ;
    font-style: italic ;
    font-weight:bold;
    color:#fff ;
    letter-spacing: 1px;
    line-height:30px;
}


#content {
	float:left;
	margin : 0 auto ;
	text-align: left ;
    width: 714px ;
    height:498px ;
    background-color:#fff ;    
}



/*#######################################################
                  PAGE ACCUEIL
#########################################################*/

#cadreAccueil {
	position:relative ;
	left:80px ;
	top:75px ;
	width:635px;
	height:294px;
	border:solid 1px #C7C6DD;
	border-right:none;
}                  

#titreAccueil {
	position:absolute ;
	height:17px;
	width:350px;
	background-color: #EFA500;
    font-family: arial,verdana ;
    font-size: 12px ;
    font-style: italic ;
    font-weight:bold;
    color:#fff ;	
    letter-spacing: 1.5px;
    padding-left:50px;
}

#cadreNews {
	position:absolute ;
	top:25px;
	height:145px;
	width:350px;
    font-family: arial,verdana ;
    font-size: 12px ;
    font-style: normal; ;
    font-weight:bold;
    color:#232766 ;	
    padding-left:50px;
/*    background-color: #fff;*/
}

#img_accueil_centre {
	position:absolute ;
	top:0px;
	left:400px;
	height:193px;
	width:235px;
}	

#adresseLycee {
	position:absolute ;
	top:193px;
	left:0px;
	height:101px;
	width:635px;	
    background-color:#C7C6DD;	
	background-image : url(adresse_lycee.gif) ;	
	background-repeat: no-repeat;
}

#texteAdresse {
	position:absolute;
	top:30px;
	left:65px;
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#232766 ;	
}


#email {
	position:relative;
	left:80px ;
	top:155px ;
	width:300px;
	height:45px;
    background-color:#fff;	
	background-image : url(enveloppe.gif) ;	
	background-repeat: no-repeat;
	background-position: top left;
	padding-left : 55px;
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#232766 ;	
    line-height:1.5em;
}	

#publication {
	position:relative;
	left:485px ;
	top:110px ;
	width:200px;
	height:45px;
    background-color:#fff;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:normal;
    color:#232766 ;	
    line-height:1.5em;
}





/*#######################################################
             PAGES ISSUES DES MENUS DE DROITE
#########################################################*/


#img_menu {
	float:left;
	border-bottom:solid 1px #C7C6DD;
	border-right:solid 1px #C7C6DD;	
	height:79px;
	width:103px;
}

#bandeau_titre {
	float:left;
	background-color: #FBD8A3;
	height:32px;
	width:610px;
}

#bandeau_soustitre {
	float:left;
	background-color: #fff;
    background-image:url(fond_menu_soustitre.gif);
    background-repeat:repeat-x;	
	/*border-bottom:solid 1px #C7C6DD;
	border-top:solid 1px #C7C6DD;		*/
	height:28px;
	width:610px;
}

#espaceContenu {
	float:left;
	/*background-color: #ff0000;*/
	height:415px;
	width:710px;
	overflow: auto;
}

#menuDroite h2 {
	background: url(puce_menu_droite.gif) no-repeat 10px center;	
	font-family: arial,verdana ;
    font-size: 13px ;
    font-style:italic;
    font-weight:bold;
    color:#C7C6DD ;	
    padding-left: 20px;
}


/*#######################################################
             PAGES ISSUES DU MENU HAUT
#########################################################*/


#menuHaut_haut {
	float:left;
	margin : 0 auto;
	background-color:#fff;
    background-image:url(fond_menu_haut.gif);
    background-repeat:repeat-x;
	/*border:solid 1px #ff0000;*/
    width:715px;
    height: 30px;
    text-align:right;
    font-family: arial,verdana;
    font-size: 12px;
    font-style: italic;
    color:#232766;
}


#espace_titre {
	float:left;
	/*background-color: #ff0000;*/
	height:34px;
	width:710px;
}


#img_menu_haut {
	float:left;
	border-bottom:solid 1px #C7C6DD;
	border-right:solid 1px #C7C6DD;	
	border-top:solid 1px #C7C6DD;		
	height:71px;
	width:151px;
}


#bandeau_titre_haut {
	float:left;
	background-color: #EFA500;
	border-top:solid 1px #C7C6DD;
	height:26px;
	width:562px;
}

#espaceContenu_haut {
	float:left;
	/*background-color: #ff0000;*/
	height:385px;
	width:710px;
	overflow: auto;
}


/* --------------------------------------------------------
    ELEMENTS PARTICULIERS POUR LA PAGE DU PROVISEUR
----------------------------------------------------------- */





/*#######################################################
             STYLES DES MENUS
#########################################################*/

/* --------------------------------------------------------
    MENU HAUT POUR LES PAGES ISSUES DES MENUS DE DROITE
----------------------------------------------------------- */

#menuHaut ul {
    list-style-type: none;
}

#menuHaut ul li {
	display: inline;
	background: url(puce_menu_haut.gif) no-repeat -2px 2px;
	padding-right:13px;
	padding-left:18px;
	/*padding-bottom:20px;*/
}

/*lien du menu en cours d'affichage*/
#menuHaut .active a {
	background: url(triangle_bleu.gif) no-repeat center bottom;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
    padding-bottom: 10px;
}

#menuHaut ul .last {  
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
}


#menuHaut ul .first {
	background: none;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
}

#menuHaut a {
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bolder;
    color:#232766 ;	
	line-height: 25px;
}

/* ----------------------------------------------
    MENU HAUT POUR LES PAGES ISSUES DE CE MENU
------------------------------------------------- */

#menuHaut_haut ul {
    list-style-type: none;
}

#menuHaut_haut ul li {
	display: inline;
	background: url(puce_menu_haut.gif) no-repeat -2px 2px;
	padding-right:13px;
	padding-left:18px;
	/*padding-bottom:20px;*/
}

/*lien du menu en cours d'affichage*/
#menuHaut_haut .active a {
	background: url(triangle_bleu.gif) no-repeat center bottom;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
    padding-bottom: 10px;
}

#menuHaut_haut ul .last {  
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
}


#menuHaut_haut ul .first {
	background: none;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
}

#menuHaut_haut a {
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bolder;
    color:#232766 ;	
	line-height: 25px;
}


/* -------------------------------------------------------------------
    SOUS MENU SUPERIEUR POUR LES PAGES ISSUES DES MENUS DE DROITE
---------------------------------------------------------------------- */

#bandeau_soustitre ul {
    list-style-type: none;
}

#bandeau_soustitre ul li {
	display: inline;
	padding-right:13px;
	padding-left:7px;
	/*padding-bottom:20px;*/
}

/*lien du menu en cours d'affichage*/
#bandeau_soustitre .active a {
	background: url(triangle_bleu.gif) no-repeat center bottom;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#232766 ;	
    padding-bottom: 10px;
}

#bandeau_soustitre ul .last {  
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
}


#bandeau_soustitre ul .first {
	background: none;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
}

#bandeau_soustitre a {
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bolder;
    color:#fff ;	
	line-height: 22px;
}





/* ------------------------------------
    premier menu de droite
--------------------------------------- */

#menuDroite1 h2 {
	background: url(puce_menu_droite.gif) no-repeat left center;	
	font-family: arial,verdana ;
    font-size: 13px ;
    font-style:italic;
    font-weight:bold;
    color:#C7C6DD ;	
    padding-left: 8px;
}


#menuDroite1 ul {
    list-style-type: none;
}

#menuDroite1 ul li {
	/*padding-left:10px;	*/
	padding-bottom: 5px;
}


#menuDroite1 .active a {
	background: url(triangle_saumon.gif) no-repeat left center;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#FBD8A3 ;	
    padding-left:12px;	
}

#menuDroite1 ul .last {  
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	

}


#menuDroite1 ul .first {
	background: none;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
    padding-left:12px;	
}

#menuDroite1 a {
	font-family: arial,verdana;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
    padding-left:12px;	
}


/* ------------------------------------
    deuxième menu de droite
--------------------------------------- */

#menuDroite2 h2 {
	background: url(puce_menu_droite.gif) no-repeat left 5px;	
	font-family: arial,verdana ;
    font-size: 13px ;
    font-style:italic;
    font-weight:bold;
    color:#C7C6DD ;	
    padding-left: 8px;
}


#menuDroite2 ul {
    list-style-type: none;
}

#menuDroite2 ul li {
	/*padding-left:10px;	*/
	padding-bottom: 5px;
}


#menuDroite2 .active a {
	background: url(triangle_saumon.gif) no-repeat left center;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#FBD8A3 ;	
    padding-left:12px;	
}

#menuDroite2 ul .last {  
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
}


#menuDroite2 ul .first {
	background: none;	
	font-family: arial,verdana ;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
    padding-left:12px;	
}

#menuDroite2 a {
	font-family: arial,verdana;
    font-size: 12px ;
    font-style:italic;
    font-weight:bold;
    color:#fff ;	
    padding-left:12px;	
}

/*---------------------------------------------------------------------------------
CLASSES POUR LES VARIABLES DE LA PARTIE CONTENT 
(titre long, insertion de liste ou d'autres éléments issus du module wysiwyg...)
------------------------------------------------------------------------------------ */
/*présentation générale */
.post {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    font-size:11px;
    color: #333;
    text-align:left;
}

/* éléments de texte */
.post h1 {
	font-size: 18px;
	font-weight: 800;
    color: #b4b4b4;
    padding-bottom :2px;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
    color: #74a5dA;
    padding-bottom :2px;
}
.post h3 {
	font-size: 14px;
	font-weight: bold;
    color: #F1882D;
}

.post h4 {
	font-size: 18px;
	font-weight: 800;
    color: #1A57A3;
    padding-bottom :2px;
    height:22px;
}

.post h5 {
	font-size: 12px;
	font-weight: normal;
    color: #555A9E;
    padding-top:2px;
    padding-bottom:2px;

}


.code {
	font: 1em/2.5em 'Courier New', Courier, monospace;
	color: #333;
	white-space: pre; 
    width: 300px;
    height: auto;
	overflow: auto;
    display: block;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 5px 5px 5px 5px;
    background-color: #DCEFE1;
}



/*---------------------------------------------------------------------------------
CLASSES POUR LES NEWS
(mise en page pour le snippet Ditto)
------------------------------------------------------------------------------------ */

/*liste des titres des news */
#cadreNews ul {
	padding : 5px 5px 5px 0px;
	/*background-color: #555A9E;*/
	list-style: none;
}


#cadreNews ul li a {
	color:#232766;
	text-decoration: none;
	line-height:24px;
	font-size:12px;
}

/*div pour afficher la liste des news dans les pages de détail des actualités
*/
#cadreNews_detail {
	float:right;
    margin : 0px auto 0px auto;
    width:205px;
    height: 250px;
 	font-family: arial,verdana ;
    font-size: 12px ;
    font-style: normal; 
    font-weight:bold;
}
#cadreNews_detail ul {
	padding : 5px 5px 5px 0px;
	list-style: none;
	text-decoration: none;
}
#cadreNews_detail ul li a {
	color:#C7C6DD;
	text-decoration: none;
	line-height:24px;
    font-size: 12px;
}

/*############################################################
############   PAGE D'IMPRESSION   ###########################
############################################################## */

#global_impression {
    text-align: left;  
	background-color: #fff;
}

#page_impression {
    width: 580px;
	margin-left:10px;
	padding-left:10px;
    text-align: left;
	background-color: #fff;
	border:solid 1px #024955;	
	color:#333;
}

#page_impression h1 {
	color:#024955;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana;
	background-color: #f4f4f4;
	padding-top:10px;
	padding-bottom:10px;
	margin-right:10px;
	text-align:center;
	
}

#header_impression { 
    background-color: #fff;
	height: 82px;	
    width:580px;
    text-align:left;
	margin-left:10px;    
}

#action_impression {
	position:absolute;
	top:20px;
	left:250px;
	height:20px;
	
}

#action_impression a:link, a:visited {
	color:#024955;
	font-size: 14px;
	font-weight: bold;
}


/*---------------------------------------------------
FORMULAIRE DE RECHERCHE ET ELEMENTS DE RESULTATS
----------------------------------------------------- */

form.FSF_form {
    margin: 0px;
    padding-left: 25px;
    margin-top:5px;
    width: auto;
}

input.FSF_input { 
	font-size: 12px;
    display: inline;
    height: 18px;
    border: none;
    /*border-bottom:solid 1px #fff;*/
    border-top:solid 1px #fff;
    background-color: #fff;
    width:170px;
    vertical-align: middle;
}
input.FSF_submit { 
    display: inline;
    height: 19px;
    background-color: #fff;
    width:25px;
	color:#C7C6DD;
    border: none;
    font-size: 12px;
    font-style:italic;
    font-weight:bolder;
    vertical-align: middle;    
}    

/*éléments de mise en forme pour l'affichage des résultats de recherche */    
/*indication du nombre de résultats et des pages */
.FSF_pagination {
	font-size: 11px;
	font-weight: bold;
	padding-bottom : 10px;
	color:#333;	
}

/*pas de réponse*/
.FSF_resultsIntroFailure {
	font-size: 11px;
	font-weight: bold;
	padding-bottom : 10px;
	color:#990000;	
}

/*classe de la div contenant chaque ligne de résultats*/
div.FSF_result {
	height:auto;
}

/*indication du titre de la page (lien vers le résultat)*/
/*ne passe pas sous IE, je le mets en dur dans le snippet*/
.FSF_resultLink {
    color: #990000;
    font-weight: bold;
}

/*description de la page résultat*/
span.FSF_resultDescription {
	color:#333;	
    font-weight: normal;
}


/*---------------------------------------------------
FORMULAIRE DE CONTACT ET DE RECRUTEMENT
----------------------------------------------------- */
/*éléments généraux pour les formulaires (éviter les cadres)*/

.pform {
	text-align: left;
}

form {
	border:none;
}
label.Contact {
	display:block;
	font-size: 12px;
	font-weight: normal;
	line-height:20px;
}

input.Global {
	border:solid 1px #306468;
	height:15px;
}

input.Bouton {
	margin-top:5px;
	background-color: #306468;
	color:#fff;
	height:21px;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;	
	font-size: 12px;
}

textarea.GdGlobal {
	border:solid 1px #306468;
}	


/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}