/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFF;
	margin: 30px;
	text-align: center;
	font-size: 1em;
	color: #333e4b;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }


/*  ------------------------------------------
/*  HEADER
/*  ------------------------------------------ */
#header {
	width: 920px;
	position: relative;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:78px;
}

#header .cellule_gauche {
	width: 220px;
	position: absolute;
	left:0;
}


#header .cellule_droite {
	margin-left: 220px;
	width:700px;
	text-align: right;
}

#menu_pratique {
	font-size: 0.65em;
	font-weight: bold;
	color:#999ea5;
	padding-top: 25px;
}

#menu_pratique a{
	color: #333e4b;
}

#menu_pratique a:hover{
	color: #f68c0f;
}

#menu_pratique form{
	display: inline;	
}

#menu_pratique label{
	display:none;
} 

#menu_pratique input{
	width:100px;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333e4b;
	background-color: #d6d8db;
	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: #a5a6a8;
	border-right-color: #f0f2f5;
	border-bottom-color: #f0f2f5;
	border-left-color: #a5a6a8;
	margin:0;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom:1px;
	padding-left: 2px;
}

#menu_pratique input.submit{
	width:auto;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333e4b;
	background-color: #ffffff;
	margin:0;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom:1px;
	padding-left: 2px;
	font-weight: bold;
	border:0;
	padding-left: 2px;
	padding-right: 0;
	cursor:pointer;
}

#menu_pratique input.submit:hover{
	color: #f68c0f;
}


form {
	padding: 0;
	margin:0;
}


/*  ------------------------------------------
/*  FOOTER
/*  ------------------------------------------ */

#menu_pratique2 {
	font-size: 0.65em;
	font-weight: bold;
	color:#999ea5;
	background-color: #666e78;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 15px;
}

#menu_pratique2 a {
	color:#fff;
}
#menu_pratique2 a:hover {
	color:#f68c0f;
}

#menu_langues {
	font-size: 0.65em;
	background-color: #999ea5;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 10px;
	text-align: right;
}


/*  ------------------------------------------
/*  CELLULES
/*  ------------------------------------------ */
.ligne {
	position: relative;
	width: 920px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	text-align: left;
	
}
.ligne .cellule_gauche {
	position: absolute;
	width: 620px;
	left:35px;
}

.ligne .cellule_droite {
	margin-left: 658px;
	width:262px;
}


.couleur1 {
	height: 10px;
	width: 100%;
	background-color: #333e4b;
	font-size: 8px;
	line-height: 8px;
}
.couleur2 {
	height: 10px;
	width: 100%;
	background-color: #f68c0f;
	font-size: 8px;
	line-height: 8px;
}
.couleur3 {
	height: 10px;
	width: 100%;
	background-color: #666e78;
	font-size: 8px;
	line-height: 8px;
}
.couleur4 {
	height: 10px;
	width: 100%;
	background-color: #cccfd2;
	font-size: 8px;
	line-height: 8px;
}
.couleur5 {
	height: 10px;
	width: 100%;
	background-color: #999ea5;
	font-size: 8px;
	line-height: 8px;
}



.table_colonnes {
	width: 885px;
	margin-left: 35px;
	
}
.colonne_gauche {
	width: 620px;
	vertical-align: top;
	
}
.colonne_espace {
	width: 3px;
}
.colonne_droite {
	width:262px;
	vertical-align: top;	
}

.colonne_droite2 {
	width:262px;
	background-color: #e1e2e4;	
	vertical-align: top;	
}

#bandeau {
	width: 885px;
	margin-left: 35px;
}











/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 10px; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}

/* Typo pour le contenu */
#contenu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 30px;
	line-height: 17px;
}

#contenu h2 {
	font-size: 0.88em;
	font-weight: bold;
	color: #77818c;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f68c0f;
	padding-top: 14px;
	padding-bottom: 11px;
	margin:0;
	line-height: 17px;
}

.contenu {
	font-size: 0.77em;
	
}


.marge {
	margin: 15px;
	padding:0;
}

.marge2 {
	padding:0;
	margin-top: 97px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}


/*  ------------------------------------------
/*  MENU
/*  ------------------------------------------ */
#menu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#77818c;
	height:240px;
	
}

.margemenuhome {
	padding-top:3px;
}

#menu ul, li{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#menu ul{
padding-top:17px;
}



#menu h2{
	margin: 0px;
	font-size: 0.88em;
	color:#77818c;
	background-image: url(../IMG/interface/h2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 30px;
	line-height: 16px;	
}

#menu a{
	display:block;
	color: #333e4b;
}

#menu a:hover{
	color: #f68c0f;
}

#menu a.on{
	color:#77818c;
}


/* Fil d'Ariane */
#hierarchie {
	font-size: 0.71em;
	font-weight: bold;
	color: #77818c;
	background-color: #e1e2e4;
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 15px;
	line-height: 12px;
}


/*  ------------------------------------------
/*  SOUSMENU
/*  ------------------------------------------ */

#sousmenu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#77818c;
	line-height: 16px;
}

#sousmenu h2{
	font-size: 0.88em;
	color:#fff;
	background-color: #f68c0f;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 15px;
	line-height: 16px;
}


#sousmenu ul, li{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#sousmenu h3{
	font-size: 0.77em;
	color:#77818c;
}

#sousmenu a{
	display:block;
	background-image: url(../IMG/interface/h3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
	color: #333e4b;
}

#sousmenu a:hover{
	background-color: #f68c0f;	
	color: #fff;	
}

#sousmenu a.on{
	color:#77818c;
}



/*  ------------------------------------------
/*  PLAN
/*  ------------------------------------------ */

#plan {
	margin-left:35px;
}

#plan td {
	width:250px;
	vertical-align: top;
	padding:30px;
}

#plan td.fin {
	width:192px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 12px;
}

.plan {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#77818c;
	font-size: 0.77em;
}

.plan h3 {
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
	
.plan ul {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	
}

.plan li {
	background-image: url(../IMG/interface/li.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}

.plan li a{
	color: #333e4b;
}

.plan li a:hover{
	color: #77818c;
}


/*  ------------------------------------------
/*  pagination
/*  ------------------------------------------ */

p.pagination {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.77em;
	
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #f68c0f;
	padding-top: 20px;
	margin-top: 30px;

}

/*  ------------------------------------------
/*  News ticker old
/*  ------------------------------------------ */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 885px; 
height: 30px; 
margin-left:35px;
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 15px;
top: 15px;
width: 855px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 870px;
height:15px;
list-style-type: none;
margin:0;
padding: 0;
font-size: 0.71em;
text-align:center;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
white-space: nowrap;
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
margin: 0 30px 0 0;
padding: 0;
color: #333e4b;
} 
ul.newsticker a:hover {
color: #f68c0f;
} 
ul.newsticker span {
margin: 0 3px 0 0;
color: #999ea5;
font-weight:bold;
} 


/*  ------------------------------------------
/*  Texte défilant
/*  ------------------------------------------ */

#cadrpg { 
width:855px; /*largeur de la zone d'affichage*/ 
margin-left:50px;
margin-top:10px;
border:0; 
} 
#newshr { 
position:relative; 
width:855px; /*largeur de la zone d'affichage*/ 
height:30px; /*hauteur de la zone d'affichage*/ 
overflow:hidden; 
color:inherit; 
background:#FFFFFF;  
} 
#defile {
	font-size: 0.71em;
	position:absolute;
	background:#FFFFFF;
	white-space: nowrap;

} 
#defile a {
color: #333e4b;
} 
#defile a:hover {
color: #f68c0f;
} 


/* FORMULAIRE */



#formulaire TEXTAREA, INPUT, LABEL {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	font-size: 12px;
}



#formulaire INPUT {
	width: 423px;
	color: #333e4b;
	background-color: #d6d8db;
	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: #a5a6a8;
	border-right-color: #f0f2f5;
	border-bottom-color: #f0f2f5;
	border-left-color: #a5a6a8;
}

#formulaire TEXTAREA {
	height:100px;
	width: 423px;
	color: #333e4b;
	background-color: #d6d8db;
	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: #a5a6a8;
	border-right-color: #f0f2f5;
	border-bottom-color: #f0f2f5;
	border-left-color: #a5a6a8;
}




#formulaire FORM P {
	clear: both;
	margin: 0;
	
}


#formulaire FORM LABEL {
	float: left;
	width: 100px;
	color: #294360;
}


#formulaire #submit {
	cursor: pointer;
	font-weight:bold;
	padding: 1px;
	color: #333e4b;
	background-color: #d6d8db;
	width: 100px;
	border-top: 1px solid #f0f2f5;
	border-right: 1px solid #a5a6a8;
	border-bottom: 1px solid #a5a6a8;
	border-left: 1px solid #f0f2f5;

}

#formulaire #submit:hover {
	color: #ffffff;
	background-color: #333e4b;

}

#formulaire .alerte {
	color: #f68c0f;
	font-weight: bold;
	
}

#formulaire .focus {
	background-color: #f68c0f;

}



/* INFOBULLE */


a.info {
   position: relative;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -5px; /* on positionne notre infobulle */
   left: -45px;

   background: #f68c0f;

   color: #fff;
   padding: 3px;

}