@charset "ISO-8859-1";

* {
	font-family: Tahoma;
}
	
body{
	font-family: Tahoma;
	font-size: 0.70em;
	margin: 0px;
	padding: 0px;
}

#page{
	min-width: 960px;
	width: 100%;
	display: block;
}

#menu a{
	text-decoration: none;
	color: white;
	font-size: 1.2em;
	padding-left: 25px;
}

#select_milieu{
	padding-left: 25px;
	color: #333333;	
}
#select_milieu:hover{
	color: black;	
}

.element{
	height: 25px;	
}


#select_milieu{	
	background-image: url('../img/menu_selected_milieu.png');
	background-repeat: repeat-x;
	width: 135px;
	height: 20px;
	float: left;
}

#select_droit{
	background-image: url('../img/menu_selected_droit.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	float: left;	
}

/* Styles des DIV en fonctions des IDs ! */

#entete{
	width: 100%;
	height: 100px;
	background-image: url('../img/entete_fond.png');
}

#entete #sous_entete{
	padding-top: 80px;
	color: white;
	width: 60%
}

#entete #recherche{
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	color: white;	
}

#entete #raccourcis{
	margin-top: -14px;
	width: 40%;
	height: 20px;
	float: right;
	text-align: right;
	color: white;
	padding-right: 10px;
	vertical-align: middle;
}

#entete #raccourcis a{
	text-decoration: none;
}

#entete #raccourcis a:hover{
	text-decoration: underline;
}

#menu{
	float: left;
	width: 205px;
	top: 0;
	background-color: black;
	color: white;
	background-image: url('../img/menu_droit.png');
}

#menu_haut{
	width: 175px;
	height: 17px;
	background-image: url('../img/menu_haut.png');	
	padding-top: 3px;
	padding-left: 25px;
	font-weight: bold;
}

#menu_milieu{
	width: 200px;
	background-image: url('../img/menu_milieu.png');	
}

#menu_bas{
	width: 200px;
	height: 20px;
	background-image: url('../img/menu_bas.png');	
}

#menu_ferme{
	width: 205px;
	height: 20px;
	background-image: url('../img/menu_ferme.png');	
	float: left;
	background-color: white;
}

.mag_haut{
	width: 175px;
	height: 17px;
	background-image: url('../img/mag_haut.png');	
	padding-top: 3px;
	padding-left: 25px;
	font-weight: bold;
}

.mag_milieu{
	background-image: url('../img/mag_milieu.png');	
}

.mag_bas{
	width: 200px;
	height: 20px;
	background-image: url('../img/mag_bas.png');	
}

.con_haut{
	width: 175px;
	height: 17px;
	background-image: url('../img/con_haut.png');	
	padding-top: 3px;
	padding-left: 25px;
	font-weight: bold;	
	margin-bottom: 0px !important;
	margin-bottom: -20px ;
}

.con_milieu{
	background-image: url('../img/con_milieu.png');		
}

.con_bas{
	width: 200px;
	height: 20px;
	background-image: url('../img/con_bas.png');	
}


#sous_menu{
	float: left;
	width: 200px;
	background-color: black;	
	font-size: 100%;
}


#centre{
	/* FF */
	left: 200px;
	right: 0px;
	color: black;	
	position: absolute !important;
	margin-left: 3px;
	background-image: url('../img/centre.png');
	background-repeat: repeat-x;
	
	min-width: 820px;
	
	/* IE */
	<!--[if IE]>	
	position: fixed;
	top: 100px;
	width: expression((document .documentElement .clientWidth ? document .documentElement .clientWidth : document .body .clientWidth) - (204) + "px");
	<![endif]-->
}

#centre_admin{
	/* FF */
	float: left;
	left: 200px;
	right: 0px;
	color: black;	
	position: absolute !important;
	margin-left: 3px;

	/* IE */
	<!--[if IE]>	
	position: fixed;
	top: 100px;
	width: expression((document .documentElement .clientWidth ? document .documentElement .clientWidth : document .body .clientWidth) - (200) + "px");
	<![endif]-->	
}
#centre_admin a{
	color: #0075BD;
	padding-left: 5px;
}

#centre_page{
	/* FF */
	float: left;
	left: 200px;
	right: 0px;
	color: black;	
	position: absolute !important;
	margin-left: 3px;

	/* IE */
	<!--[if IE]>	
	position: fixed;
	top: 100px;
	width: expression((document .documentElement .clientWidth ? document .documentElement .clientWidth : document .body .clientWidth) - (200) + "px");
	<![endif]-->	
}

#centre_page a{
	color: #0075BD;
	padding-left: 5px;
}

#centre_haut{
	float: left;
	width: 100%;
	height: 4px;
	background-image: url('../img/centre_haut.png');
	background-repeat: repeat-x;	
}

#news{
	float: left;	
	width: 380px;
	margin-left: 10px;
	margin-top: 10px;
	min-width: 200px; 
}

#news #contenu_news{
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #333333;
	overflow: auto;
	height: 300px;
}

#tv{
	float: left;
	width: 490px;	
	max-width: 600px;
	margin-top: 10px;
	margin-left: 20px;
}

#tv_links{
	float: left;
	margin-left: 110%;
	margin-top: -180px;
	width: 55%;
}

#tv a{
	color: #0075BD;	
}

#contenu{
	float: left;
	width: 81%;
}

#publicite{
	/*float: left;
	width: 17%;
	padding: 5px;
	border: 1px dashed #CCCCCC;
	text-align: center;*/
	border: 1px dashed #CCCCCC;
	position: fixed;
	right: 10px;
	top: 120px;
	width: 130px;
}

.affiliations{
}

.plus{
	color: #0080DA;
	text-decoration: none;
	font-size: 1.2em;	
}

.lien{
	text-decoration: none;
	color: #FF7700;
}

#link{
	text-decoration: none;
	color: #FF7700;
}

.Avertissement{
	color: #0080DA;	
}

.c1{
	font-weight: bold;	
	padding-left: 10px;
}

.c2{
	padding-left: 10px;	
}

.c3{

}
	
.dernier_ajout{
	font-size: 90%;
	float: left;
	width: 220px;
	height: 205px;
	margin: 5px;
	background-color: #F4F4F4;
	background-image: url('../img/dernier_ajout_back.png');
}


#menu li{
	font-size: 1.2em;
	list-style: none;
	margin: 0;
	margin-right: 1px;
	padding: 0; 
}

#menu ul{
	margin: 0;
	padding: 0;
	padding-left: 25px;
}



#pied{
	float: left;
	width: 98%;
	height: 100px;	
	margin-top: 30px;
	padding: 1%;
	color: #333333;
}

#pied_contenu a{
	text-decoration: none;
	color: #0080DA;	
}

#pied_contenu a:hover{
	font-weight: bold;	
}

#pied_g{
	background: url('../img/footer_g.png') no-repeat;	
	width: 10px;
	height: 100px;
	float: left;
}

#pied_contenu{
	background: url('../img/footer.png') repeat-x;	
	width: 97%;
	height: 100px;
	float: left;
	padding-top: 10px;
}

#pied_d{
	background: url('../img/footer_d.png') no-repeat;	
	width: 10px;
	height: 100px;
	float: left;
}


/* Boutons */

a{
	color: white;
}

a.button {
	/* Sliding right image */
	background: url('../img/bouton_droit.png') no-repeat scroll top right; 
	display: block;
	float: right;
	height: 22px;
	margin-right: 2px;
	padding-right: 13px;
	text-decoration: none;
}
a.button span {
	/* Background left image */ 
	background: transparent url('../img/bouton_gauche.png') no-repeat; 
	display: block;
	line-height: 22px;
	padding: 0px 0 0px 13px;
	color: #333333;
	font-size: 0.8em;
} 
a.button:hover span{
	color: black;
	cursor: pointer;
}

.bouton_news{
	background: url('../img/bouton_news.png') no-repeat; 	
	width: 20px;
	height: 20px;
	padding-left: 8px;
	padding-top: 3px;
	float: left;
}

.bouton_news_select{
	background: url('../img/bouton_news_select.png') no-repeat; 	
	width: 20px;
	height: 20px;

	padding-left: 7px;
	padding-top: 3px;
	color: white;
	float: left;
}

.bouton_news a{
	color: #333333;
	text-decoration: none;	
}

.bouton_news_select a{
	color: white;
	text-decoration: none;	
	font-weight: bold;
}

.image{
	text-decoration: none;
		
}

h3{
	font-size: 1.3em;
	padding: 0;
	margin: 0;	
}

.gris{
	background-color: #CFD7E1;	
	height: 20px;
}

.haut_de_page{
	height: 15px;
	background: url('../img/haut.png') no-repeat;
	padding-left: 8px;
	font-size: 1em;
	color: #777777;
	float: right;
	
}

#logo{
	width: 550px;
	position: absolute;	
}


#message_text{
	margin-left: 5px;
	margin-right: 5px;	
	padding: 10px;
	border-right: 1px solid #555555;
	border-left: 1px solid #555555;
	border-bottom: 1px solid black;
	font-size: 1.2em;
	float: left;
	width: 90%;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#message_fermer{
	width: 10px;
	float: left;
	margin-left: -30px;	
	margin-top: 5px;
}

/* Titres */
.titre{
	font-size: 1.5em;
	background: url('../img/titre.png') no-repeat;
	height: 35px;	
	padding-left: 10px;
	padding-top: 10px;
	color: #FF7700;
	width: 770px;
}

.contenu_titre{
	color: #CC0000;
	/*background: url('../img/contenu_titre.png') no-repeat;*/
	width: 100%;
	height: 25px;
	margin-left: 10px;
}

h1{
	font-size: 1.4em;
	color: #3a7dd8;	
	font-family: Verdana, Sans serif, Arial;
}


h2{
	font-size: 1.3em;
	color: #CC0000;	
	margin-top: 0px;
	padding-left: 10px;
}


fieldset{
	margin: 10px;
}

fieldset legend{
	font-weight: bold;
	color: #333333;
}

textarea{
	font-size: 1.1em;	
}

.adminTable{
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	
}

.adminTable td{
	border-bottom: 1px solid #EEEEEE;
}

.ligneA{ background-color: #EFF1F5; }
/*.ligneA :hover{	background-color: #FFCC66; }*/
.ligneB{ background-color: white; }
/*.ligneB :hover{	background-color: #FFCC66; }*/
.ligneC{ background-color: #AFD5D5; }
.ligneSelect { background-color: #AFD5D5; }

.img{
	border: 1px solid #999999; 
	float: right;
	margin-right: 5px;	
	margin-left: 2px;
}

.atableau{
	text-decoration: none;
	color: black;	
}


#social{
	background-color: #EEEEEE;
	width: 250px;
	text-align: center;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	padding-bottom: 1px;
}

.socialul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.socialul li{
	display: inline;
}

.social{
	text-decoration: none;	
}

/**
 * Confirmation et messages d'erreurs	
 */
.succes{
	background-color: #D1FFD7;
	color: #3D7B54;	
}

.erreur{
	background-color: #FFD0D0;
	color: #FF0A0A;	
}

.info{
	background-color: #DCE9F4;
	color: #006AC8;
}

textarea:focus, input:focus, select:focus{
	/*border-left: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;*/
}

.more_back_g{
	background: url('../img/more_back_g.png') no-repeat;	
	width: 10px;
	height: 30px;
	float: left;
}

.more_back{
	background: url('../img/more_back.png') repeat-x;	
	width: 90%;
	height: 30px;
	float: left;
	padding-top: 5px;
}

.more_back_d{
	background: url('../img/more_back_d.png') no-repeat;	
	width: 10px;
	height: 30px;
	float: left;
}

.tising_g{
	background: url('../img/tising_g.png') no-repeat;	
	width: 10px;
	height: 200px;
	float: left;
}

.tising{
	background: url('../img/tising.png') repeat-x;	
	width: 720px;
	height: 200px;
	float: left;
}

.tising_d{
	background: url('../img/tising_d.png') no-repeat;	
	width: 10px;
	height: 200px;
	float: left;
}

.tising_title{
	color: #FF6600;
	font-weight: bold;	
	text-align: center;
	font-size: 130%;
}

.tooltip {
    width: auto;
    background-image: url("../img/tooltip.png");
    background-repeat: repeat-y;
    background-color: #E8E8E8;
    border: 1px solid #999999;
    padding: 5px 10px 5px 10px;
    margin: 10px;
    
    max-width: 300px;
}

.tooltip span {
    font-weight: normal;
    margin-left: 15px;	
    float: left;
}

.atableau {
	font-size: 11px;
}

.affiliations {
	text-align: center;
}

.affiliations a{
	text-decoration: none;
	color: #0075BD;
}