/*#################################################################################################*/
/*                                                                                                 */
/*                         SPIP GENERIQUE - RRA :: COOPERATION AFRIQUE                             */
/*                                CSS SCREEN - ACTi 2007                                           */
/*                                                                                                 */
/*#################################################################################################*/
body{
	text-align:center;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
	color:#432847;
	margin:0px;
}
.myhr{
	clear:both;
	visibility:hidden;
	height:1px;
}
form{
	margin:0px;
	padding:0px;
}
img{
	border:none;
}
/****************************************************************************************************/
#container{
	margin:0px auto 0px auto;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	width:760px;
	text-align:left;
}
#header{
	height:123px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
#header h1{
	margin:0px;
	padding:0px;
	display:none;
}
#logoRRA{
	float:right;
	margin:30px 30px 0px 0px;
}
#menu{
}
#menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu ul li{
	display:inline;
	padding:0px;
	margin:0px;
}
#menu ul li a:link, #menu ul li a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	line-height:2.1em;
	padding:5px 5px 5px 5px;
	border-right:solid 1px #ccc;
}

#footer{
	margin:0px auto 0px auto;
	width:760px;
	text-align:left;
	color:#999;
	font-size:0.9em;
}
#footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
}
#footer ul li{
	margin:0px;
	padding:0px;
	display:inline;
}
#footer a{
	color:#999;
	text-decoration:none;
}

/****************************************************************************************************/
#home-gauche{
	width:382px;
	padding:0px 0px 0px 46px;
	float:left;
}
.article-home{
	background-image:url(images/separ.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;
}
.article-home h3{
	font-size:1.2em;
}
.article-home p{
	padding:0px 0px 10px 0px;
	margin:0px;
	text-align:justify;
}
.article-home img{
	float:right;
	margin:0px 0px 5px 15px;
}
#home-centre{
	float:left;
	width:180px;
	padding:0px 58px 0px 0px;
	margin:0px 0px 0px 250px;
}
#home-droite{
	float:right;
	width:180px;
	padding:0px 58px 0px 0px;
}
#home-droite label{
	margin:20px 0px 5px 0px;
	display:block;
}
#home-droite input{
	background-color:#f4f3f7;
}
.mysubmit{
	font-weight:bold;
	font-size:0.9em;
	margin:20px 0px 10px 0px;
}
.myinput2{
	font-size:0.9em;
	margin:10px 0px 0px 0px;
}
.mysubmit2{
	font-weight:bold;
	font-size:0.9em;
	margin:10px 0px 0px 0px;
}
.mdp-oubli a{
	font-size:0.8em;
	text-decoration:none;
	color:#666666;
}
#home-gauche h2, #home-droite h2{
	font-size:1.4em;
	padding:0px;
	margin:45px 0px 30px 0px;
}
/****************************************************************************************************/
#retourAccueil{
	width:380px;
	height:120px;
}
#retourAccueil a{
	display:block;
	height:120px;
}
#retourAccueil a span{
	display:none;
}
#menu-gauche{
	width:166px;
	float:left;
}
#menu-gauche ul{
	margin:21px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
#menu-gauche ul li{
	border-bottom:solid 1px #cccccc;
}
#menu-gauche ul li a:link, #menu-gauche ul li a:visited{
	font-weight:bold;
	display:block;
	text-decoration:none;
	padding:5px 0px 5px 17px;
	background-image:url(images/puce.gif);
	background-repeat:no-repeat;
	background-position:0px 9px;
}
#menu-gauche ul li strong{
	padding:5px 0px 5px 17px;
	background-image:url(images/puce.gif);
	background-repeat:no-repeat;
	background-position:0px 9px;
	display:block;
}
#menu-gauche ul ul{
	margin:5px 0px 10px 0px;
}
#menu-gauche ul li ul li{
	border:none;
}
#menu-gauche ul li ul li a:link, #menu-gauche ul li ul li a:visited{
	font-weight:normal;
	display:block;
	text-decoration:none;
	padding:0px 0px 0px 25px;
	background-image:none;
}
#menu-gauche ul li ul li strong{
	padding:0px 0px 0px 25px;
	background-image:none;
}
.recherche{
	padding:10px;
	margin:20px 0px 0px 0px;
	background-color:#f9f9f9;
}
#main{
	float:right;
	width:532px;
	padding:0px 24px 0px 0px;
}
#fildariane{
	text-align:right;
	font-size:0.8em;
	margin:10px 0px 0px 0px;
}
#fildariane a{
	text-decoration:none;
}
#main h2{
	font-size:1.4em;
	padding:0px;
	margin:15px 0px 0px 0px;
}
.dateauteur{
	font-size:0.8em;
	color:#999999;
	padding:0px;
	margin:4px 0px 30px 0px;
}
.separateur{
	margin:35px 0px 30px 0px;
	background-image:url(images/separ.gif);
	background-repeat:no-repeat;
	height:1px;
	clear:both;
}
.document-colonne{
	float:left;
	margin:0px 17px 10px 0px;
	width:160px;
	background-image:url(images/pdf.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.document-ligne{
	margin:10px 0px 10px 0px;
	background-image:url(images/pdf.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.document-colonne a, .document-ligne a{
	text-decoration:none;
	display:block;
	text-indent:30px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
}
.document-colonne p, .document-ligne p{
	font-size:0.8em;
}
#top-et-print{
	background-image:url(images/topetprint.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 0px 0px 20px;
	margin:0px 0px 15px 0px;
}
#top-et-print a:link, #top-et-print a:visited{
	text-decoration:none;
	color:#46004b;
	padding:0px 35px 0px 0px;
	font-size:0.9em;
}
#top-et-print a:hover{
	text-decoration:underline;
}
/****************************************************************************************************/
#plandusite{
	margin:40px 0px 0px 0px;
}
#plandusite ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#plandusite ul li{
	padding:0px 0px 0px 30px;
	background-image:url(images/puce.gif);
	background-repeat:no-repeat;
	background-position:13px 3px;
}
#plandusite ul li ul{
	margin:0px 0px 15px 0px;
}
#plandusite ul li ul li{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 5px;
	background-image:none;
}
#plandusite ul li a:link, #plandusite ul li a:visited{
	text-decoration:none;
	font-weight:bold;
} 
#plandusite ul li ul li a:link, #plandusite ul li ul li a:visited{
	font-weight:normal;
}
/****************************************************************************************************/ 
.forum-fieldset{
	border:solid 1px #999999;
	margin:20px 0px 0px 0px;
	padding:5px;
}
.ateliste{
	margin:0px;
	padding:0px;
}
.ateliste h3{
	font-size:1.2em;
	margin:0px;
	padding:0px;
}
.ateliste small{
	color:#999;
}
.reponseForum{
	margin:10px 0px 10px 5px;
	padding:0px 0px 0px 15px;
	border-left:solid 3px #ccc;
}
.ateliste h4{
	font-size:1em;
	padding:2px;
	margin:0px;
	background-color:#e5e5e5;
}
.fieldset-reponse, .previsu{
	background-color:#f9f9f9;
}
/*#######################################################################################################
#########################################################################################################*/
a:link, a:visited{ color:#0c3f95; }				/*couleur foncée*/
a:hover{ color:#d5882a; } 						/*couleur claire*/

#menu{
	background-color:#d5882a; 			/*couleur claire*/
}
#menu ul li a:hover, #menu ul li strong{
	background-color:#0c3f95; 			/*couleur foncée*/
}
h2{
	border-bottom:solid 1px #d5882a; 	/*couleur claire*/
	color:#0c3f95; 						/*couleur foncée*/
}
.myinput, .myinput2, .fieldset-reponse, .previsu{
	border:solid 1px #d5882a; 			/*couleur claire*/
}
.mysubmit, .mysubmit2{
	border:solid 1px #0c3f95; 			/*couleur foncée*/
	color:#0c3f95; 						/*couleur foncée*/
}
#fildariane, #fildariane a, #menu-gauche ul li a:link, #menu-gauche ul li a:visited, #menu-gauche ul li strong, .document-colonne a, .document-ligne a, .ateliste h3{
	color:#0c3f95; 						/*couleur foncée*/
}
#menu-gauche ul li ul li a:link, #menu-gauche ul li ul li a:visited, #menu-gauche ul li ul li strong{
	color:#d5882a; 						/*couleur claire*/
}
#plandusite ul li ul li{
	border-left:2px solid #d5882a; 	/*couleur claire*/
}

/*******************************************************************************************/

#menu ul li a:hover{ color:#FFFFFF; }
#menu ul li strong{
	color:#FFFFFF;
	line-height:2.1em;
	padding:5px 5px 5px 5px;
	border-right:solid 1px #ccc;
}