/*	========================================   */
/*	compresser avec  http://www.cleancss.com/  */
/*	========================================   */


@charset "iso-8859-1";
/* Taille de texte globale */ 
html {font-size: 100%;} 
body {font-size: 1.0em;} 
body
{
   width: 100%;
   margin: 0px;
   background-image: url("./images/bgdesert.jpg"); 
}
/*	A:link {text-decoration: none; color: #0000FF;font-weight : bold} */
	a:link {text-decoration: none}
	a:visited {text-decoration: none;font-style: italic; color: #123456}
	/*A:active {text-decoration: none; color: #FF0000} */
	a:hover {text-decoration: underline;cursor:pointer; color: #FF0000;font-weight: bold}

/* -----------------------------------------L'en-tête ------------------------------------------------*/
#en_tete
{
   height: 60px;
   background-image: url("./images/banniere.gif"); 
/*   background-image: url("./images/entete.gif"); */
   background-repeat: no-repeat;
/*   margin: 0px; */
}
/* ----------------------------------------- Chameau en-tete ------------------------------------------------*/
#camel1
{  
   float: left;
   padding-left: 40px;
   padding-top: 30px;
/*   background-image: url("./images/chameau1.gif");	*/
}
/* ----------------------------------------- Chameau menu------------------------------------------------*/
#camel2
{
   float: left;
   padding-left: 40px;
   padding-top: 0px;
/*   background-image: url("./images/chameau2.gif");	*/
}
/* -----------------------------------------Texte Arabe ------------------------------------------------*/
#arabe
{
   float: left;
   padding-left: 55%;
   padding-top: 0px;
   color : white;
   font-size: 3.1em;
   font-weight : bold;
}
/* -----------------------------------------Logo W3C ------------------------------------------------*/
#logow3c
{
   float:right;
   padding-top: 10px;
   padding-right: 32px;
}
/*-------------------------------------- Flanc droit Vertical --------------------------------------*/
#flanc
{
   float: right;
   padding: 0px;
   padding-top: 60px;
   height: 814px; 
   width: 60px;
   background-image: url("./images/flanc_d.jpg");	
   background-repeat: no-repeat;
}
/*-------------------------------------- Coin arrondi G --------------------------------------*/
#coin
{
   float: left;
   width:60px;
   height:60px;
   background-image: url("./images/coin.png");	

}
/*-------------------------------------- Coin arrondi D --------------------------------------*/
#coind
{
   float: right;
   width:60px;
   height:60px;
   background-image: url("./images/coin_d.png");	
}
#aide
{
   padding-top:30px;
   padding-right:1px;
}
/*-------------------------------------- Menu Vertical à Gauche --------------------------------------*/
div#menu {float : left;height: 814px;background-image: url("./images/fond_menu.jpg"); padding:0px;width: 160px;background-repeat: no-repeat;}

/* fond blanc pour le menu */ 
div#menu a {color:#000000}
/* div#menu ul {padding: 0; width: 158px; border:1px solid; margin:0px; background: white;} */
div#menu ul {padding: 0; width: 158px;}
div#menu li {font-family : verdana, arial, helvetica, sans-serif;font-size : 12px;font-weight : bold;font-variant: small-caps;cursor: pointer;z-index:99; background-image:url(images/moteur.gif); border-top:1px solid; border-right:1px solid; margin:0px;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #ffffff;}
div#menu li.sousmenu:hover {background: #ffffff;}

/* Rajout d'une petite fleche pour les sous menu  
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;} */

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;}
div#menu ul ul {position: absolute; top: -1px; left: 158px; display:none;}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 158-(8 de bordure + 8 de padding) =140 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:140px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}


.hide
{
	display: none;
}

.show
{
	
}


/* --------------------------------------- Le corps de la page ---------------------------------------- */
#container {
/* height: 810px; */
overflow: auto;
margin:auto;
/* overflow-y: auto;
overflow-x:hidden; */
}
#corps
{
   margin-left: 160px;
   margin-right: 60px;
   padding: 0px;
/*   padding-right: 10px;
   height: 637px;
   overflow-y: scroll;  */
   color: black;
}
.spacer {
  clear: both;
}
.gauche {
  clear: left;
 }
.droite {
  clear: right;
 }
 .ronde {
  background-color: yellow;
  font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
 }
.retrait_normal
{
   list-style-position: outside;
   color : black;
   font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
   line-height: 1.10em;
   font-size: 1.0em; 
   font-weight : normal;
   text-align: justify;
}
ul
{
   list-style-position: outside;
   color : black;
   font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
   line-height: 1.10em;
   font-size: 1.0em; 
   font-weight : normal;
   text-align: justify;
}
li
{
   list-style-position: outside;
   color : black;
   font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
   line-height: 1.10em;
   font-size: 1.0em; 
   font-weight : normal;
   text-align: justify;
}

.retrait_centre
{
   list-style-position: outside;
   color : black;
   font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
   line-height: 1.12em;
   font-size: 1.1em; 
   font-weight : normal;
   text-align: center;

}

.titre {
    color : black;
	line-height: 1.5em;
	font-size: 1.5em; 
	font-weight : bold;
	font-variant: small-caps;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	text-align: center;
}

.s_titre {
    color : black;
	line-height: 1.1em;
	font-size: 1.1em; 
	font-weight : normal;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	text-align: left;
	padding-left: 30px;
}

.s_titre_centre {
    color : black;
	line-height: 1.1em;
	font-size: 1.1em; 
	font-weight : normal;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	text-align: center;
}
	.s_titre_pup {
    color : black;
	line-height: 1.2em;
	font-size: 1.3em; 
	font-weight : normal;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	text-align: center;
	padding-left: 3px;
	}
	.centre_pup {
    color : black;
	line-height: 1.2em;
	font-size: 1.3em; 
	font-weight : normal;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	text-align: center;
	padding-left: 3px;
	}
	.ouvrir_pup {
    color : black;
	line-height: 1.2em;
	font-size: 1.3em; 
	font-weight : normal;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	text-align: justify;
	padding-left: 3px;
	}
	.pup {
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	border: 1px solid navy;
	font-size: 0.9em;
	line-height: 1.2em;
	background-color: white;
	width: 95%;
	height: 10px;
	text-align: justify;
   	overflow: auto;
   	padding: 14px; 
   	padding-top: 0px;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}
   .li {
    color: black;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	line-height: 1.12em;
	font-size: 1.1em; 
	font-weight : normal;
/*	text-align: justify;*/
   }
   
.p_normal {
	clear: left;
	color : black;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	line-height: 1.10em;
	font-size: 1.0em; 
	font-weight : normal;
	text-align: justify;
}
.p_centre_blanc {
	color : yellow;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	line-height: 1.10em;
	font-size: 1.0em; 
	font-weight : normal;
	text-align: center;
}
.p_normal_centre {
	color : black;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	line-height: 1.10em;
	font-size: 1.0em; 
	font-weight : normal;
	text-align: center;
}
form, .pages {
	line-height: 1.1em;
	font-size: 1.0em;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
    text-align:center;
}

.boite_blanc {
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	border: 1px solid navy;
	font-size: 0.9em;
	line-height: 1.2em;
	background-color: white;
	width: 95%;
	height: 36px;
	text-align: justify;
   	overflow: auto;
   	padding: 14px; 
   	padding-top: 0px;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}
.boite_jaune {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	border: 1px solid navy;
	font-size: 0.9em;
	line-height: 1.2em;
	background-color: yellow;
	width: 95%;
	text-align: justify;
   	padding: 14px;
   	padding-top: 0px;
	padding-bottom: 0px;
	margin: auto; 
   	margin-bottom: 0px;
	margin-top: 0px;
}
.auto_blanc {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	background-color: white;
	height: 36px;
	text-align: justify;
   	overflow: auto;
   	padding: 14px; 
   	padding-top: 0px;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}
.niouz_blanc {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: justify;
   	padding: 14px; 
   	padding-top: 0px;
	margin: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}
.auto_jaune {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	background-color: yellow;
	text-align: justify;
   	padding: 14px;
   	padding-top: 0px;
	padding-bottom: 0px;
	margin: auto;
   	margin-bottom: 0px;
	margin-top: 0px;
}
.niouz_jaune {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	background-color: yellow;
	text-align: justify;
   	padding: 14px;
   	padding-top: 0px;
	padding-bottom: 0px;
   	margin-bottom: 0px;
	margin-top: 0px;
}
.yellow_rounded_up {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	background-color: yellow;
	text-align: justify;
   	padding: 14px;
   	padding-top: 0px;
	padding-bottom: 0px;
	margin: 100px;
   	margin-bottom: 0px;
	margin-top: 0px;
	border: 2px solid navy;
}
.yellow_rounded_dn {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	background-color: yellow;
	text-align: justify;
   	padding: 14px;
   	padding-top: 0px;
	padding-bottom: 0px;
	margin: 100px;
   	margin-bottom: 0px;
	margin-top: 0px;
	border: 2px solid navy;
}
.auto_transp_j {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: justify;
   	padding: 14px;
   	padding-top: 0px;
	padding-bottom: 0px;
/*	margin: auto; */
   	margin-bottom: 0px;
	margin-top: 0px;
	border: 1px solid navy;
}
.auto_transp_c {
font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: black;
	line-height: 1.2em;
	text-align: center;
   	padding: 14px;
   	padding-top: 0px;
	padding-bottom: 0px;
	margin: auto;
   	margin-bottom: 0px;
	margin-top: 0px;
}
.tableau /* Le tableau en lui-même */
{
	margin: auto; /* Centre le tableau */
	border: 1px outset navy; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
}

.tableau.s.cadre /* Le tableau en lui-même */
{
	margin: auto; /* Centre le tableau */
	border-collapse: collapse; /* Colle les bordures entre elles */
}

.tableau_td_j /* Les cellules normales */
{
	line-height: 0.8em;
	border: 1px solid navy;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	text-align: justify;
	background-color: yellow; 
}
.tableau_niouz_td_j /* Les cellules normales */
{
	line-height: 0.8em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	text-align: justify;
}
.tableau_td_c /* Les cellules centrées */
{
	line-height: 0.8em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	text-align: center;
	border: 1px solid navy;
	background-color: yellow; 
}
.tableau_td /* Les cellules centrées */
{
	line-height: 0.8em;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	text-align: center;
}
.myBoxCont {
	margin: 0 auto;
	margin-top:5px;
    width: 90%;
	-moz-border-radius: 10px 10px 0 0;
    /*-moz-border-radius-topleft: 10px;  */
    /*-moz-border-radius-topright: 10px;  */
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	border-top-left-radius: 10px;	
	border-top-right-radius: 10px;
}
.myBox{
 /*   margin: 0 auto; */
	margin: 0 auto;
	margin-top:5px;
    color: #000;
    width:400px;
	height:20px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
    text-align: center;
/*    background-color: #F8FAFD; */
    /* border: 3px solid #E3E7EC; */
	border: 1px solid #FA9000;
	background-image:url(images/boxT.gif);
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 1.4em; 
	font-weight : bold;
    /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius: 15px;
	-webkit-border-top-left-radius: 15px; /* pour Chrome */
	-webkit-border-top-right-radius: 15px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 15px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 15px; /* pour Chrome */
	border-top-left-radius: 15px;	
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;	
	border-bottom-right-radius: 15px;	
}
.bouton1 {
	/* border: 4px outset black; */
	margin-left:-3px;
	margin-top:-3px;
	cursor: pointer;
	vertical-align:bottom;
	border: 3px outset navy;
	font-size: 0.9em;
	width:40px;
	height:40px;
	background-image:url(images/moteur.gif);
    -moz-border-radius: 15px;
	-webkit-border-top-left-radius: 15px; /* pour Chrome */
	-webkit-border-top-right-radius: 15px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 15px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 15px; /* pour Chrome */	
	border-top-left-radius: 15px;	
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;	
	border-bottom-right-radius: 15px;
}
.bouton2 {
	/* border: 4px outset black; */
	margin-top:0px;
	cursor: pointer;
	vertical-align:bottom;
	border: 3px inset navy;
	font-size: 0.9em;
	width:40px;
	height:40px;
	background-image:url(images/moteur.gif);
	-moz-border-radius: 15px;
	-webkit-border-top-left-radius: 15px; /* pour Chrome */
	-webkit-border-top-right-radius: 15px; /* pour Chrome */
	-webkit-border-bottom-left-radius: 15px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 15px; /* pour Chrome */
	border-top-left-radius: 15px;	
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;	
	border-bottom-right-radius: 15px;
}
.myBoxT {
    margin: 0 auto;
	margin-top:5px;
    color: #000;
    width: 100%;
	height:20px;
    padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
    text-align: left;
	vertical-align:top;
	background-image:url(images/boxT.gif);
	border: 1px solid #FA9000;
	border-bottom: 0px;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 0.9em; 
	font-weight : bold;
	font-variant: small-caps;
    /* Do rounding (native in Firefox and Safari) */
	-moz-border-radius: 10px 10px 0 0;
    /*-moz-border-radius-topleft: 10px;  */
    /*-moz-border-radius-topright: 10px;  */
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	border-top-left-radius: 10px;	
	border-top-right-radius: 10px;
	}
.myBoxC {
    margin: 0 auto;
    color: #000;
    width: 100%;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
    background-color: #F8FAFD;
    /*border-left: 3px solid #E3E7EC;
	border-right: 3px solid #E3E7EC;
	border-bottom: 3px solid #E3E7EC; */
	border: 1px solid #FA9000;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.0em; 
	font-weight : normal;
	text-align: justify;
    /* Do rounding (native in Firefox and Safari) 
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px; */
}
.bottomCurved{
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
	border-bottom-left-radius: 10px;	
	border-bottom-right-radius: 10px;
}

.myBoxTitreTop {
    margin: 0 auto;
    color: #000;
    width: 90%;
    padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
    text-align: left;
    background-color: #71F46A;
    /* border: 3px solid #E3E7EC; */
	border: 1px solid #FA9000;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.2em; 
	font-weight : bold;
    /* Do rounding (native in Firefox and Safari) */
	-moz-border-radius: 10px 10px 0 0;
    /*-moz-border-radius-topleft: 10px;  */
    /*-moz-border-radius-topright: 10px;  */
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	}

.myBoxTitreCenter {
    margin: 0 auto;
    color: #0077BF;
    width: 90%;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
    background-color: yellow;
    /* border-left: 3px solid #E3E7EC;
	border-right: 3px solid #E3E7EC; */
	border-left: 1px solid #FA9000;
	border-right: 1px solid #FA9000;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight : bold;
	text-align: center;
}
.myBoxTitreBottom {
    margin: 0 auto;
    color: #000;
    width: 90%;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
    text-align: left;
    background-color: #71F46A;
    /* border: 3px solid #E3E7EC; */
	border: 1px solid #FA9000;
	font-family:  "Comic Sans MS", verdana, arial, helvetica, sans-serif;
	font-size: 1.2em; 
	font-weight : bold;
    /* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 10px; /* pour Chrome */
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	}

/* --------------------------------------------Le pied de page --------------------------------------- */

#pied_de_page
{
   margin-left: 160px;
   margin-right: 60px;
   padding: 0px;
}