/* CSS Document */

/*  Auteur : 
 */

#body
{
	background-image: url(../img/arr_planvert.png);
	font-family             : "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size               : 13px;
	height                  : 100%;
	padding                 : 0;
	background-attachment: scroll;
	background-repeat: repeat;

}

#page
{
	color                   : #000;
	width					: 905px;
	border                  : 3px solid #00742F;
	padding                 : 15px 20px 15px 20px;
	margin-top              : 10px;
	margin-right			: auto;
	margin-bottom			: 10px;
	margin-left				: auto;
	background-image: url(../img/arr_planbleu.png);

}

#logo
{
        margin-top              : 1em;
        margin-bottom           : 3em;
        margin-left             : 10px;
        width                   : 108px;
        height                  : 112px;
}

#logo img
{
        border                  : 0;
}

#logo a
{
        color                   :#000;
        background-color        :transparent;
}

/* ------------------------------------------------------------------------------------ */
/* --------------------------------------- MENU --------------------------------------- */
/* ------------------------------------------------------------------------------------ */
#menu
{
	float                   : left;
	width                   : 180px;
	border: 1px none #FFFFFF;

}

/* EN COMMUN a toutes les parties du menu */
#lycee li, #exploit li,  #viescol li, #contacts li
{
	display                 : inline;
	list-style              : none;
	background-image: none;

}
/* FIN EN COMMUN */

/********* LPA *********/
#lycee
{
	color                   : #655f4b;
	background-color        : #ffffff;
	margin                  : 0 0 20px 0;
	padding                 : 0;
	background-image: url(../img/arrplanmenusgauche.png);
	border					: 1px solid #0386ba;


}

#lycee h2
{
	background-color        : #0386ba;
	font-size               : 16px;
	font-weight             : 700;
	margin                  : 0;
	padding-left            : 5px;
	text-transform          : uppercase;
	text-align				: center;
	background-image		: url(../img/degradeverth2.png);
	border: 1px solid #0386ba;



}

#lycee ul
{
        margin-bottom           : 0.5em;
		margin-top              : 1em;
}

#lycee a
{
        color                   : #0386ba;			
		background-color        : transparent;
		display                 : block;
		font-weight             : 700;
        margin-left             : -3em;
		padding-left            : 1em;
		text-decoration         : none;
}

#lycee a:hover
{
        color                   : #0386ba;
		background-color        : #bfddea;
}


/********* EXPLOITATION **********/
#exploit
{
	color                   : #655f4b;
	background-color        : #ffffff;
	margin                  : 0 0 20px 0;
	padding                 : 0;
	border-color            : #0386BA;
	border-style            : solid;
	border-width            : 1px 1px 1px 1px;
	background-image: url(../img/arrplanmenusgauche.png);

}

#exploit h2
{
	background-color        : #BFDDEA;
	border-color            : #BFDDEA;
	border-bottom-color     : #0386BA;
	border-style            : solid;
	border-width            : 1px 1px 1px 1px;
	font-size               : 16px;
	font-weight             : 700;
	margin                  : 0;
	padding-left            : 5px;
	text-transform          : uppercase;
	text-align				: center;
	background-image: url(../img/degradeverth2.png);

		
}

#exploit ul
{
        margin-bottom           : 0.5em;
		margin-top              : 1em;
}

#exploit a
{
        color                   : #0386BA;
		background-color        : transparent;
		display                 : block;
		font-weight             : 700;
        margin-left             : -3em;
		padding-left            : 1em;
		text-decoration         : none;
}

#exploit a:hover
{
        background-color        : #BFDDEA;
		color                   : #0386BA;
}


/********* VIE SCOLAIRE *********/
#viescol
{
	color                   : #655f4b;
	background-color        : #ffffff;
	margin                  : 0 0 20px 0;
	padding                 : 0;
	background-image: url(../img/arrplanmenusgauche.png);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0386ba;
	border-right-color: #0386ba;
	border-bottom-color: #0386ba;
	border-left-color: #0386ba;


}

#viescol h2
{
	font-size               : 16px;
	font-weight             : 700;
	margin                  : 0;
	padding-left            : 5px;
	text-transform          : uppercase;
	text-align				: center;
	background-image: url(../img/degradeverth2.png);
	border: 1px solid #0386ba;


}

#viescol ul
{
        margin-bottom           :0.5em;
		margin-top              :1em;
}

#viescol a
{
        color                   : #0386ba;
		display                 : block;
		font-weight             : 700;
        margin-left             : -3em;
		padding-left            : 1em;
        text-decoration         : none;
}

#viescol a:hover
{
        background-color        : #bfddea;
		color                   : #0386ba;
}


/***************** EXPLOITATION **************************/
#contacts
{
	color                   : #655f4b;
	background-color        : #ffffff;
	margin                  : 0 0 0 0;
	padding                 : 0;
	border-color            : #00742F;
	border-style            : solid;
	border-width            : 1px 1px 1px 1px;
	background-image: url(../img/arrplanmenusgauche.png);

}

#contacts h2
{
	background-color        : #D8F2DD;
	font-size               : 16px;
	font-weight             : 700;
	margin                  : 0;
	padding-left            : 5px;
	text-transform          : uppercase;
	text-align				: center;
	background-image: url(../img/degradeverth2.png);
	border: 1px solid #0386ba;


}

#contacts ul
{
        margin-bottom           : 0.5em;
		margin-top              : 1em;
}

#contacts a
{
        color                   : #0386ba;
		background-color        : transparent;
		display                 : block;
		font-weight             : 700;
        margin-left             : -3em;
		padding-left            : 1em;
		text-decoration         : none;
}

#contacts a:hover
{
        color                   : #0386ba;
		background-color        : #bfddea;
}

/* -------------------------------------------------------------------------------------------- */
/* ------------------------------------------- FIN MENU --------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------ */
/* --------------------------------------- Encadre --------------------------------------- */
/* ------------------------------------------------------------------------------------ */
#logomap
{
        margin-top              : 1em;
        margin-bottom           : 3em;
        margin-left             : 36px;
        width                   : 108px;
        height                  : 112px;
}
#logo img
{
        border                  : 0;
}

#logomap img
{
        border                  : 0;
}
#logo a
{
        color                   :#000;
        background-color        :transparent;       
}
#logomap a
{
        color                   :#000;
        background-color        :transparent;       
}
#encadre
{
        float                   : right;
        width                   : 120px;
        display: 				: inline;
        list-style				:none;
}


/********* Titre *********/
#titre
{
	color                   : #660066;
	background-color        : #ffffff;
	text-align				: center;
	margin                  : 0 0 20px 0;
	padding                 : 0;
	border-color            : #660066;
	border-style            : solid;
	border-width            : 1px 1px 1px 1px;
	background-image: url(../img/degrade_violet.png);

}

#titre h2
{
	background-color        : #ffccff;
	border-bottom-color     : #660066;
	font-size               : 16px;
	font-weight             : 700;
	margin                  : 0;
	padding-left            : 5px;
	text-transform          : uppercase;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cc99cc;
	border-right-color: #cc99cc;
	border-left-color: #cc99cc;

}

#titre ul
{
        margin-bottom           : 0.5em;
		margin-top              : 1em;
}

#titre a
{
        color                   : #FE150B;
		background-color        : transparent;
		display                 : block;
		font-weight             : 700;
        margin-left             : -3em;
		padding-left            : 1em;
		text-decoration         : none;
}
#titre p {
		text-align				: left;
		margin-left				: 1em;
		margin-right			: 1em;
}

#titre a:hover
{
        color                   : #FE150B;
		background-color        : #0386ba;
}



/* -------------------------------------------------------------------------------------------- */
/* ------------------------------------------- FIN Encadre --------------------------------------- */
/* -------------------------------------------------------------------------------------------- */


#contenu
{
	margin-left             : 200px;
	height                  : auto;
	background-image: none;
	border-top: none #FFFFFF;
	border-right: none #FFFFFF;
	border-bottom: none #FFFFFF;
	border-left: none #FFFFFF;



}

#contenu h2
{
        font-family             : Georgia,"Times New Roman",Times,serif;
        font-size               : 10px;
}

#contenu h3
{
        color                   : #690;
        background-color        : transparent;
        font-family             : Georgia,"Times New Roman",Times,serif;
        font-size               : 13px;
        font-weight             : 700;
}

#contenu p.tous
{
        text-align              : right;
}

#contenu p.tous a
{
        background-color        : #ffecce;
        border                  : 1px solid #c60;
        color                   : #000;
        font-weight             : 500;
        padding                 : 0.2em;
        text-decoration         : none;
}
#contenu p.tous a:hover
{
        background-color        : #ffecce;
        color                   : #c60;
}

#banniere
{
        margin                  : 1em 1em 0.4em;
}

#menu2
{
	margin-left             : 14px;
	margin-bottom           : 15px;
	font-family             : Verdana, Arial, Helvetica, sans-serif;
	margin-top: 40px;

}

#menu2 a
{
	margin-right            : 17px;
	padding                 : 2px 5px 2px 5px;
	/*border                  : 1px solid #655f4b;*/
	border					: 2px inset #c0c0c0;
	display                 : inline;
	color                   : #655f4b;
	text-decoration         : none;
	background-image: url(../img/feuille.png);

}

#menu2 a:hover
{
        color                   : #666633;
        background-color        : #655f4b;
        border-color            : #e2dfd8;
		border					: 2px outset #c0c0c0;
}

#donnees
{
        font-family             : Verdana, Arial, Helvetica, sans-serif;
        margin-bottom           : 2em;
}

#donnees
{
        padding                 : 0 2%;
        voice-family            : "\"}\"";
        voice-family            : inherit;
        width                   : 80%;
}

#donnees h2
{
        font-family             : Verdana,Georgia,"Times New Roman",Times,serif;
        border-bottom           : 3px solid #006666;
        color                   : #006666;
        font-size               : 18px;
        background-color        : transparent;
        padding                 : 0 0 0 0;
}

#donnees h3
{
        font-family             : Verdana,Georgia,"Times New Roman",Times,serif;
		margin                  : 32px 0px 6px 0px;
        color                   : #006666;
        background-color        : transparent;
}

#donnees h4
{
        font-family             : Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size               : 11px;
        color                   : #655f4b;
        text-decoration         : underline ;
        font-weight             : 500;
        margin                  : 7px 0px 2px 0px;
}

#donnees p
{
		text-indent: 20px;
		margin-top:5px;
		text-align				: justify;
}

#donnees ul
{
        margin                  : 5px 0 20px 0px;
        padding-left            : 0px;
}

#donnees li
{
	margin                  : 0px 0px 0px 40px;
	padding                 : Opx 0px 0px 0px;
	font-size               : 100%;
	color                   : black;
	list-style-type         : square;
	border					:	none;/*1px solid #CCCCFF;*/


		                          /* Si je ne mets pas cette bordure, Internet                    *
		                           * Explorer laisse une ligne comme s'il rajoutait la balise     *
								   * <br> après chaque element de liste qui est un lien           *
								   * Cette bordure ne sert a rien d'autre qu'a garder une         *
								   * homogeneite de presentation entre Firefox et IE              */				
}

#donnees a, .listedocs a
{
        color                   : #000000;
        background-color        : transparent;
        /*display                 : block;*/
        text-decoration         : none;
}

#donnees a:hover
{
		margin-bottom           : Opx;
        color                   : #0B7E9F;
		/*background-color      : #ffecce;*/  
		                          /* ce paramètre fait buguer Internet Explorer 6, au survol  *
		                           * la puce et le texte se decalent sur la gauche. Avec      *
								   * Internet Explorer 7 le bug n'est pas present. Ce         *
								   * parametre pourra etre remis une fois Internet            *
								   * Explorer 7 massivement deploye                           */      
}

#donnees table
{
        border: 1px solid #333300;
		margin:20px 2px 2px 20px;
		width:100%;
		border-collapse:collapse;
}

#donnees td
{
	border: 1px solid #333333;
	padding: 5px 5px 5px 5px;
	text-align:center;
	background-color: #FFFFCC;

}
#donnees caption
{
	text-align 	:	center;
	font-size	:	14px;
	font-color	:	yellow;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #006666;
	text-decoration: underline;
	line-height: 20px;


}

#donnees th
{
        text-align:left;
		font-size:13px;
		border: 1px solid #333300;
		font-weight:500;
		padding-left:5px;
		background-color:#CCCC99;
		width:50%;
}

/*#donnees thead
{
        background-color:#F0F0F0;
}*/


#pied_de_page
{
		margin-top              : 60px;
		margin-left             : 222px;
		width                   : 500px;
		border-top              : 2px solid #8c8c8c;
		color                   : #003366;
		background-color        : transparent;
		padding                 : 1px 0 1px 0px;
}

#pied_de_page a
{
		background-color        : transparent;
		color                   : #003366;
		text-decoration         : none;
}

#pied_de_page a img
{
		border                  : none;  /* permet de ne pas avoir la bordure bleu *
		                                  * autour de l'image sous ie              */
}

#pied_de_page p
{		
		text-align				: center;
		font-size				: 80%;
		font-style				: normal;
		letter-spacing			: 2px;
		line-height				: -0.5em;
		display                 : inline;
		bottom                  : 21px;
}

#pied_de_page a:hover
{
		background-color        : #eff4fa;
		color                   : #001D39;
		text-decoration         : none;
}

#humeur
{
		border                  : 1px solid #6699cc;
		margin                  : 0;
		padding                 : 0 1em 1em 1em;
}

#humeur h2
{
		background-color        : #eff4fa;
		border-color            : #69c;
		border-style            : solid;
		border-width            : 0 1px 1px 1px;
		color                   : #369;
		margin                  : 0 0 0.5em 0;
		padding                 : 0.4em 0.2em 0.2em 0.2em;
		width                   : 55%;
}

#humeur p
{
		margin                  : 0;
}

#humeur a
{
		color                   : #f60;
		background-color        : transparent;
}

#humeur a:hover
{
		color                   : #369;
		background-color        : transparent;
}

#humeur .listedocs,#articles .listedocs
{
		border                  : none;
		margin                  : 0;
		margin-bottom           : 0.2em;
		padding                 : 0;
}

#humeur .listedocs dt,#articles .listedocs dt
{
		margin-top              : 0;
}

#humeur .listedocs cite,#articles .listedocs cite
{
		border-bottom           : none;
}

#humeur .listedocs dt cite a
{
		color                   : #690;
		background              : transparent;
}


#bpph table
{
        border: 1px solid #B7B7B7;
		margin:20px 2px 2px 20px;
		width:100%;
		border-collapse:collapse;
        font-size               : 10px;
}
#bpph thead
{
        background-color:#F0F0F0;
}
#bpph th
{
        text-align:left;
		border: 1px solid #B7B7B7;
		padding-left:5px;
		background-color:#F0F0F0;
		width:30%;
        font-size               : 10px;
}


/* MISE EN FORME TEXTE */
.souligne
{
        text-decoration         : underline;
}

.petit
{
        font-size               : 11px;        
}

/* mmise en forme pour les photos */
#photos_d img			/*Photos devant flotter à droite du contenu*/
{
float		:right;
margin-left:20px;
margin-top:5px;
margin-bottom:0px;

}
#photos_g img			/* Photos dvant flotter à gauche du contenu */
{
	float		:left;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:0px;
	border: 2px inset #CCCCCC;


#photos p
{
text-align:center;
font-size:10px;
margin-top:0px;
margin-bottom: 15px;
color:#686868;
}









/*html>body #actualite,html>body #articles{
width:63%;
}*/