/* CSS Document */

/* ***** BEGIN LICENSE BLOCK *****
 *
 * Copyright (c) 2009 ANR - CCJ - IRAA - EfA. Tous droits réservés.
 *
 * ***** END LICENSE BLOCK *****
 *
 * Author:
 *  Julien Mahoudeau
 *  ALTEARCH-Médiation
 *  http://www.altearch-mediation.com
 *  DESIGN/HTML/CSS
 */
 


HTML{ font-size: 100%; }

body{ font: 0.8em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0; margin:0; background-color:#FFFFFF; text-align:justify;}

input, select, textarea{ font-size: 100%;}

h1{ font: 2em/1em Geneva, Arial, Helvetica, sans-serif; color:#FF6600}
h2{ font: 1.5em/1em Arial, Helvetica, sans-serif; color:#FF6600}
h3{ font: bold 1.2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FF6600}  

hr {
height:1px;	
border-width: 1px 0 0 0;
margin-top:2em;
margin-bottom:2em;
border-style: dotted;
border-color: black;
clear:both;
}

dl{ margin:0 2.3em 1em; padding-top:0.2em; }
dt{ font-weight:bold; font-size:0.9em; color:#333;}
dd{ margin:0.1em 0 0.8em 0.4em; padding-left:0.4em; border-left:#555 solid 4px; font-size:0.9em; line-height:1.5em; text-align:justify;}
abbr{ border-bottom:#000 1px dotted; color:#555;}

img{ border:none;}

.imgleftcadre { margin-right:0.5em;
	margin-bottom:0.5em;
	padding:0.1em;
	border:1px #CCCCCC solid;
	background-color:#f0f2f1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#027791;
	font-size:1em;
	text-align:center;
	float:left;
}

.imgrightcadre { margin-left:0.5em;
	margin-bottom:0.5em;
	padding:0.1em;
	border:1px #CCCCCC solid;
	background-color:#f0f2f1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#027791;
	font-size:1em;
	text-align:center;
	float:right;
}



.imgleft { float:left; padding-right:4em;}

.clear { clear:both;}
.clearleft { clear:left;}
.clearright { clear:right;}
.left { float:left;}
.right { float:right;}
.bg-colonne1{ background:#f4eda5;}
.bg-colonne2{ background:#ece7bc;}
.bg-colonne3{ background:#f4f3e8;}

#background{ background:url(images/body/background.gif) center top no-repeat;}
#backgroundprive{ background:url(images/body/background_prive.gif) center top no-repeat;}


#page{ position:relative; width:950px; margin-left:auto; margin-right:auto;}

#header{ background:url(images/body/poinitille.gif) repeat-x 0 13.9em; height:14em; overflow:hidden;}
#headerprive{ background:url(images/body/poinitille.gif) repeat-x 0 3.9em; height:4em; overflow:hidden;}
#headerprive h1{text-align:center; }

#lienhome{ position:absolute;}
#lienhome h1 { padding:0; margin:0;}
#lienhome h1 a span{ display:none;}


#drapeau { position:absolute; top:0.5em; right:1em;}
#drapeau img { padding-left:1em;}

#mainMenu { position:absolute; top:2.5em; right:1em; width:30em; text-align:right; }
#mainMenu ul{ margin:0; padding:0;}
#mainMenu li{ margin:0; padding:0; list-style-type:none; font:1em/1.5em Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;  color:#FFFFFF; }
#mainMenu li a{ color:#0066cc; text-decoration:none; padding-right:1.5em; background:url(images/body/mainmenu_fleche.gif) right no-repeat;}
#mainMenu li a:hover{ color:#0099FF; background:url(images/body/mainmenu_fleche_on.gif) right no-repeat; text-decoration:underline;}



#infonavsaisie{
	position:relative;
	height:2em;
	overflow:hidden;
	background-color: #EAEAEA;
	border-bottom:#d0d0d0 solid 1px;
}
#filsaisie{ line-height:2.8em;}
#filsaisie a { color:#0066cc; text-decoration:none;}
#filsaisie a:hover{ text-decoration:underline;} 
#filsaisie a.root, #fil a.root:hover { color:#003399; font-weight: normal; text-decoration:underline; padding-left:1em; margin-left:1.5em; background: url(images/body/a_root.gif) no-repeat left top;}




#infoNav{
	position:relative;
	height:2em;
	overflow:hidden;
	background-color: #EAEAEA;
	border-bottom:#d0d0d0 solid 1px;
}

#fil{ line-height:2.8em;}
#fil a { color:#0066cc; text-decoration:none;}
#fil a:hover{ text-decoration:underline;} 
#fil a.root, #fil a.root:hover { color:#003399; font-weight: normal; text-decoration:underline; padding-left:1em; margin-left:1.5em; background: url(images/body/a_root.gif) no-repeat left top;}

#mainContentindex{ display:block;}   
#mainContent{ display:block; background:url(images/body/bg_liste1.gif) right bottom no-repeat;}


#contenttext{ position:relative; padding:2.5em 1.5em; font-size:1em; line-height:1.4em;}
#contenttext h1{ margin:0; padding:0; font: 2em/1em Geneva, Arial, Helvetica, sans-serif; color:#FF6600; text-indent:1.2em; background:url(images/body/informations_h32.gif) no-repeat 0 0.2em;}
#contenttext h2{ margin:0;	padding:0;	color:#f77206;	font:1em/1em Arial, Helvetica, sans-serif;	font-weight:bold;	margin:0; padding:0;font-variant: small-caps;}
#contenttext h3{ position:relative; color:#f77206; font:1.33em/1.33em Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0; text-indent:1.2em; background:url(images/body/liste_h3.gif) no-repeat 0 0.2em;}
#contenttext a, #corps a{ color:#0066cc; text-decoration:none;}
#contenttext a:hover, #corps a:hover{ color:#0099FF; text-decoration:underline;}
#contenttext a:visited, #corps a:visited{ color:#0066cc;}
#contenttext ul{ padding:0; margin:1em 0 0 0.5em;}
#contenttext li{ list-style-type:none; background: url(images/body/poinitille.gif) repeat-x 0 1.3em;}
#contenttext li a{ color:#0066cc; text-decoration:none; background:url(images/body/listea.gif) no-repeat; padding:0.4em 0.6em 0.4em 1.6em; line-height:2.1em;}
#contenttext li a:hover{ color:#0099FF; background: url(images/body/listea_on2.gif) no-repeat; }
#contenttext .gras {	font-weight:bold; color:#333333;}


#corps{
margin: 2.5em 0em 3em 0em;
}   


#colonne{
	float:left;
	width:13em;
	border-right:#d0d0d0 solid 1px;
	height:100%;
	padding:0.5em 0 1em;
	margin-right:1.5em;
	background-color: #EAEAEA;
}
#colonne h2 { color:#FFFFFF; font-size:1em; line-height:1.4em; height:2.2em; text-transform:uppercase; margin:0.5em 0; padding-left:0.7em; clear:both;}
#colonne img{ float:left; margin-right:1px;}
#colonne h3{
	padding:0.5em 0;
	margin:0 0.4em;
	background: url("images/body/puce_noire.gif") no-repeat 0em;
	padding-left:1.3em;
	font-weight: bold;
	font-size: 1em;
}
#colonne ul{ margin:0; padding:0;}

#colonne p{text-indent:1.5em; background:url(images/body/poinitille.gif) repeat-x 0 bottom;}


#actualites h2{ background: url(images/body/bg_actualites.gif) no-repeat;}
#actualites p a{display:block; padding-right:0.5em; padding-left:0.5em; color:#333333; text-decoration:none;}
#actualites a:hover{ color:#0099FF; text-decoration:underline;}


#acceschercheurs h2{ background: url(images/body/bg_carto.gif) no-repeat;}
#acceschercheurs p {display:block; padding-right:0.5em; padding-left:0.5em; color:#333333; text-decoration:none;}
#acceschercheurs a{ color:#0066cc; text-decoration:none; padding-right:0.5em;}
#acceschercheurs a:hover{ color:#0099FF; text-decoration:underline; padding-right:0.5em;}


#content{ padding-bottom:2.5em}

#home{	padding-top:0.5em;}
#home .gras {	font-weight:bold; color:#333333;}





#notice { position:relative; background:#f8faf4 url(images/body/bg_informations.gif) repeat-x; overflow:auto; padding:1em 0 2em;}
#notice h1{ margin:0; padding:0; font: 2em/1em Geneva, Arial, Helvetica, sans-serif; color:#FF6600; text-indent:1.2em;}
#notice h2{
	margin:0;
	padding:0;
	color:#f77206;
	font:1.5em/1.5em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	font-variant: small-caps;
	background: url("images/body/favicone.gif") no-repeat;
	text-indent: 1.5em;	
}
#notice h3{ padding:0 1em 0.3em 1.6em; margin:0; font:1em/1em  Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;}
#notice h4{ padding:0 1em 0.3em 1.6em; margin:0.5em; color:#f77206; }
#notice h5{ padding:0 1em 0.3em 1.6em; margin:1em; color:#f77206; font-weight:normal; text-transform:uppercase; text-decoration:underline; }
#notice h6{ padding:0 1em 0.3em 1.6em; margin:1em; text-transform:uppercase;font-weight:normal; font-size:.8em; text-decoration:underline; }
#notice .bloc-notice{ margin:2em 0.9em 1em; padding-top:0.5em; background:url(images/body/poinitille.gif) repeat-x;}
#notice .illustration { position:relative; margin-bottom:0.5em;}
#notice .left { float:left; padding-right:4px; margin-right:2em;}
#notice .right { float:right; padding-left:4px; margin-left:2em;}
#notice .illustration img{ margin-top:0;}
#notice .illustration p{ margin:0; padding:0.3em; font-size:0.8em; line-height:1.2em; color:#333; text-align:left;}
#notice .gras {	font-weight:bold; color:#333333;}
#notice ul{ padding:0; margin:1em 0 0 1.2em;}
#notice li{ list-style-type:none;}
#notice li a{ color:#0066cc; text-decoration:none;  padding:0.4em 0.6em 0.4em 1.6em; line-height:2.1em;}
#notice li a:hover{ color:#0099FF; }
#notice p{ margin:0 2.3em 1em; padding-top:0.2em; text-align:justify;}
#notice a { color:#0066cc; text-decoration:none;}
#notice a:hover{ text-decoration:underline;}
#notice a:visited{ color:#0066cc;}



#entete { position:relative; overflow:auto;}
#entete .illustration { float:left; overflow:hidden; text-align:center;}
#entete .illustration img{ margin-top:0.5em; }
#entete .illustration p{ margin:0; padding:0.3em; background-color:#f9f9f9; font-size:0.8em; line-height:1.2em; color:#333; text-align:center;}
#entete .bloc1{ position:relative; width:470px; height:300px; float:left; padding-top:2em; background-color:#f9f9f9; font-size:1em; line-height:1.2em; color:#333; text-align:left;}
#entete .bloc1 p{padding-left:1em;}
#entete .bloc2{ float:left; width:465px; height:320px; margin-left:4px; padding-top:5px; margin:0; padding:0.3em; background-color:#f9f9f9; font-size:1em; line-height:1.2em; color:#333; text-align:left;}
#entete .bloc3{ float:left; width:465px; height:320px; margin-left:4px; padding-top:5px; margin:0; padding:0.3em; background-color:#f9f9f9; font-size:1em; line-height:1.2em; color:#333; text-align:left;}
#entete h2{	margin:0; padding:0;	color:#f77206;	font:1em/1em Arial, Helvetica, sans-serif;	font-weight:bold;	margin:0;	padding:0;	font-variant: small-caps;	background: url("images/body/puce_noire.gif") no-repeat;	text-indent: 1.5em;}
#entete a {color:#0066cc; text-decoration:none; padding:0.4em 0.6em 0.4em 1.6em; line-height:1.5em; background:url(images/body/fleche.gif) no-repeat 0em;}
#entete a:hover{ text-decoration:underline; background:url(images/body/fleche2.gif) no-repeat 0em;}
#entete a:visited{ color:#0066cc;}





#titresectionoutil {

	position:relative;
	border:#000 1px solid;
	overflow:auto;
	background-color:#fcd2a9;
	width:940px;
	margin-top:1em;
	font-variant:small-caps;
	font-weight: bold;
	line-height:1.5em;
	padding-left:0.5em;
	padding-bottom:0.5em;
	font-size:1em;
}



#footer{ clear:both; background:#4f4f4f url(images/body/bg_footer.gif) no-repeat; height:2.4em; color:#FFFFFF; }
#footer li{ float:left; list-style-type:none; line-height:1.8em; font-size:0.85em; padding:0.4em;}
#footer a { color:#FFFFFF; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

.hautdepage a{text-align:right; background:url(images/body/flechehaut.gif) no-repeat; padding-left:1em;}

#illusindex {float:left; margin-right:5em;}
#logo {display:block;}




/* Style utilisé pour masquer les bulles d'aide */
.cachediv {
visibility: hidden;
overflow: hidden;
height: 1px;
margin-top: -1px;
position: relative;
}

.aide {
background-color:#fcffcc;
padding:10px;
border:#000 1px solid;
margin: 10px;
}


.plan a {color:#0066cc; text-decoration:none; padding:0.4em 0.6em 0.4em 1.2em; line-height:1.5em; background:url(images/body/fleche.gif) no-repeat 0em; }
.plan a:hover{ text-decoration:underline; background:url(images/body/fleche2.gif) no-repeat 0em;}
.plan a:visited{ color:#0066cc;}



/* Style ajoutés par JF */

.boutons-aide {
float:right;
}

.encart-lier {
background-color:white;
padding:1em;
border:#000 1px solid;
margin: 1em;
}

.alerteR {
font-weight:bold; 
color: red;
}

.alerteV {
font-weight:bold; 
color: green;
}


.gris {
	color:#888888;
}

#logos_partenaires {
margin-left : 180px;
text-align: center;
}

#logos_partenaires img {
margin : 10px;
}

.im-a-gauche-bord {
	border: 1px solid #000000;
	float: left;
	margin-right: 15px;
}
.im-a-droite-bord {
	border: 1px solid #000000;
	float: right;
	margin-left: 15px;
}
.im-a-gauche {
	float: left;
	margin-right: 15px;
}
.im-a-droite {
	float: right;
	margin-left: 15px;
}

.illus_leg_droite {
	display: table;
    width: 50px;
	margin-bottom:0.5em;
	padding:0.1em;
	border:1px #CCCCCC solid;
	background-color:#f0f2f1;
	color:#027791;
	font-size:1em;
	text-align:center;
	
	float:right;
	margin-left:0.5em;
}

.illus_leg_gauche {
	display: table;
    width: 50px;
	margin-bottom:0.5em;
	padding:0.1em;
	border:1px #CCCCCC solid;
	background-color:#f0f2f1;
	color:#027791;
	font-size:1em;
	text-align:center;
	
	float:left;
	margin-right:0.5em;
}

.lien_admin {
font-weight:bold;
}