/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal}
html, body {background: #0171AF url(images/background.gif) repeat-x; margin:0; padding:0}

/* lien par défaut */
A {color:#666; text-decoration:none}
A:hover {color:#FF6600; background:#FFCC33; text-decoration:none}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {color:#666; font-weight:bold;font-size:16px}

/* image par défaut */
IMG{border:0}


/* debut temp*/

#wrap {
margin: 0px auto;
width: 980px;
background: #fff;
border: 3px solid #D1E6EF;
}

/* temp.html */


#header3{
	clear:left;
	width:100%;
	height:30px;
	background:#CCC;
	border-bottom:1px solid #0099FF
}
	#hh05{float:right; font-size:10px; color:#000; margin-top:0.6em}
	#hh06{float:left; margin-right:0.3em; margin-top:0.6em;	width:74%}



#header{
	margin-top:1em;
	margin-bottom:0;
	left:0;
	width:100%;
	height:69px;
	BORDER-BOTTOM:#000 6px solid
}

	#hh01{height:41px; float:left}
		#hh01 a:hover {background:#FFF}
	#hh02{float:right; font-weight:bold; padding-top:4em; padding-bottom:0}

/* MODIF : hauteur de bordure droite de l'UL du menu horizontal (FF et IE), bordure droite parasite UL 2e niveau (IE) - 16/O5/2006 */
      #hh02 ul {padding:0; margin:0; margin-right:1em; display:inline; border-right:2px solid #FF6600;}
      #hh02 ul ul {border-right:0;}

		#hh02 ul li {border-left:2px solid #FF6600; display:inline; padding:0 0.6em 0 1em}
		#hh02 a {color:#666}
		#hh02 a:hover {color:#FF6600}


#topics {
	clear: left;
	float: left;
	background: #FFFFFF url(../templates/temp/images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 70px;
	line-height: 1.5em;
}

#topics  a { background-position: center left;  padding: 0 0 0 12px; color:#666;}
#topics  a:hover  {color:#FF6600}
#topics  ul li {margin:0; padding-left:10px; display:inline; color:#FF6600} 



.thirds {
		float: left;
		width: 102px;
		padding: 0 1px 0 15px;
	}		
		
.thirds1 {
		float: left;
		width: 80px;
		padding: 0 15px 0 15px;
	}			
		
	.thirds2 {
		float: left;
		width: 150px;
		padding: 0 10px 0 0px;
		
}		

.thirds2  image {
	float: left;
	margin: 0 9px 3px 0;	
}



#header2{
	clear:left;
	width:100%;
	height:110px;
	background:#CCC;
	border-bottom:0px solid #0099FF ;
}
	/*#hh03{float:left; font-size:10px; color:#000; margin:0.6em}*/
	#hh04{float:auto; margin-right:0.3em; margin-top:0.3em}
    #hh041{float:auto; margin-right:0.3em; margin-top:0.3em}



#mentete {
	width:100%;
	height:21px;
	background:#666
}
	#entete {
	float:left;
	padding-top:0.2em;
	padding-left:1em;
	color:#FFF; font-weight:normal
	}
		#entete A {color:#FFF}
		#entete A:hover {color:#FF8000}

  	#entetepage {	
	float:right;
	padding-top:0.2em;
	padding-right:1em;
	color:#FFF; font-weight:bold; text-align:right
  	}
		#entetepage A {color:#FFF; font-weight:normal}
		#entetepage A:hover {color:#FF8000; font-weight:normal}

	DIV.mg1 {clear:left; font-size:9pt; color:#FFCC33; font-weight:bold; background:#000; height:21px; margin-top:0.5em; margin-bottom:0.5em; padding-left :0.4em; padding-top:0.2em}
	DIV.mg3 {color:#000; padding-left:0.4em; line-height:15px}
	DIV.mg3 a {color:#000}
    DIV.mg5 a {background-color:transparent;text-decoration:none; color:#0000FF}


#menugauche {
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	width:135px;
	float:left;
	background:#EEE
}    
 
#contenupage {
	padding-left:0px;
	padding-right:0px
} 
	#coulcentre {padding:3px; background:#FFF}



#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:21px;
	background:#666;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;
	color:#FFF
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#FF6600}




/* page accueil */

/*ajout jean */


.container {/* encadre le tableau */
width:100% ; /* largeur du tableau */
height:1% ; /* hauteur minimale du tableau */
margin:0 ; padding:0 ; /* marges intérieures et extérieures du tableau */ 
}

.image {
	float: left;
	margin: 0 9px 3px 0;
}


.lefts {

float:left ; /* flotte à gauche */
width:532px;  /* largeur : 24% de .container */
height:100% ; /* hauteur : 100% du .container */
margin-right: 5px;
}

.left_articless {
	
/*border: 1px solid #eee;*/
padding: 1px;	
margin: 0 0 10px 0;
border-top:4px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom :1px solid #eee;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
line-height: 1.5em;
}


.left {

float:left ; /* flotte à gauche */
width:425px;  /* largeur : 24% de .container */
height:100% ; /* hauteur : 100% du .container */
margin-right: 5px;
}


.left_articles {
	
/*border: 1px solid #eee;*/
padding: 3px;	
margin: 0 0 10px 0;
border-top:4px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom :1px solid #eee;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
line-height: 1.5em;
}

.left_articles2 {
	
border: 1px solid #eee;
padding: 3px;	
margin: 0 0 10px 0;
border-top:4px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom :1px solid #eee;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}



.left_articles2 a:hover{
	color: #FF6600;
	background: #FFF;
	text-decoration:underline
 }	


.left_articles1 {
	
border: 1px solid #eee;
padding: 3px;	
margin: 0 0 10px 0;
border-top:3px solid #FFCC33;
border-left:3px solid #FFCC33;
border-right:3px solid #FFCC33;
border-bottom :3px solid #FFCC33;
color: #ff0000;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;color:#FF0000;
background: #FF0000 url(../../images1/france-afrique2.gif) no-repeat;
height: 50px;
}

.left_articles1 a {
	color: #FFFFFF;
	background: transparent; 
	text-decoration: none;
}

.left_articles1  a:hover {
	color: #FF6600;
	background: transparent; 
	text-decoration: none;
}	


/*	ajout jean image*/


/* rights_haut_droite ajout /03/04/09 ----- */
   
 .rights {
  
  float:right ; /* flotte à gauche */
  width:435px ; /* largeur : 23% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin-left: 1px;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
  line-height: 1.5em;
 
}  
   
 .rights_articless {
	background: #FFFFFF;
	color: #000;
	padding: 7px;
	margin: 0 0 5px 0;
	border: 1px solid #62B0FF;
	  height:65px ;
	}
   
 
 .rights image {
	float: left;
	margin: 0 6px 1px 0;
    }
 


.rights_articless a {
	text-decoration: none;
	color: ;
}

.rights_articless a:hover{
	color: #FF6600;
	background: #FFF;
 }	

/* Fin rights_haut_droite ajout /03/04/09 ----- */

/* right side
   ---------- */
		
.right {
  
  float:right ; /* flotte à gauche */
  width:270px ; /* largeur : 23% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin-left: 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
  line-height: 1.5em;
 
}

.right image {
	float: left;
	margin: 0 9px 3px 0;
	
}



.right h5 {
	background: #A6D2FF url(flpre2.gif) no-repeat top left;
	color: #0000FF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
	height:6px;
	border-top:3px solid #62B0FF;
    border-left:1px solid #62B0FF;
    border-right:1px solid #62B0FF;
}

.right h6 {
	background: #ffffff url(actualite1.gif) no-repeat top left;
	color: #0000FF;
	padding: 0px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
	height:6px;
	
}

.right h2 {
	background: #ffffff url() no-repeat top left;
	color: #0000FF;
	padding: 0px 0 17px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
	height:6px;
	
}

.right_articles15 {
	background: #FFFFFF;
	color: #000;
	padding: 2px;
	margin: 0 0 5px 0;
	border-top:8px solid #eee;
    border-left:8px solid #eee;
    border-right:8px solid #eee;
    border-bottom :8px solid #eee;
    height:300px;

	}
.right_articles11 {
	background: #FFFFFF;
	color: #000;
	padding: 8px;
	margin: 0 0 5px 0;
	border-left:1px solid #62B0FF;
    border-right:1px solid #62B0FF;
	border-bottom:1px solid #62B0FF;

	}


.right_articles11 a {
	text-decoration: none;
	color: #0033FF;
}

.right_articles11 a:hover{
	color: #FF6600;
	background: #FFF;
 }	


.right_articles12 {
	background: #FFFFFF;
	color: #000;
	padding: 3px;
	margin: 0 0 5px 0;
	}
	
.right_articles13 {
	background: #FFFFFF;
	color: #000;
	padding: 3px;
	margin: 0 0 5px 0;
	height:200px;

	}	
	
.right_articles13 image {
	float: right;
	margin: 0 9px 3px 0;	
}		
	

.right_articles14 {
	background: #FFFFFF;
	color: #000;
	padding: 3px;
	margin: 0 0 5px 0;
	height:200px;

	}	
	
.right_articles14 image {
	float: right;
	margin: 0 9px 3px 0;	
}		
	
.right_articles3 {

color:#4D4747;
background-color:#F5E9D9;
margin: 0 0 3px 0;
border-bottom:1px solid  #62B0FF;
border-left:1px solid  #62B0FF;
border-right:1px solid  #62B0FF;
background-image:url(ngouabi.jpg);
background-repeat:no-repeat;
background-position:top right;
}


.right_articles4{
width:100px;
height:120px;
background-color:#F5E9D9;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7E1A02;
line-height:14px;
padding-left:10px;
padding-top:15px;
}


.right_articles31 {

color:#4D4747;
background-color:#F5E9D9;
margin: 0 0 3px 0;
border-bottom:1px solid  #62B0FF;
border-left:1px solid  #62B0FF;
border-right:1px solid  #62B0FF;
background-image:url(pic_girl.jpg);
background-repeat:no-repeat;
background-position:top right;
}


.right_articles22 {
	background: #FFFFFF;
	color: #000;
	padding: 8px;
	margin: 0 0 5px 0;
	border-left:1px solid #62B0FF;
    border-right:1px solid #62B0FF;
	border-bottom:1px solid #62B0FF;
   height : 25px;
	}


.leftx {
  overflow: hidden;
  height:100% ; /* hauteur : 100% du .container */
  background-color:#fff ; /* couleur de la colonne */
 }	

.leftx_articles6 {
	
		border: 1px solid #eee;
		padding: 3px;	
		margin: 0 0 10px 0;
		background: #f5f5f5;
		height:215px;
}


.leftx_articles2 {
	
		border: 1px solid #FFCC33;
		padding: 8px;	
		margin: 0 0 8px 0;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
        line-height: 1.5em;
				
		 }

.leftx_articles2 a {
	 background: #fff url() no-repeat center left; padding: 0 0 0 1px; color: #808080;  }


.leftx_articles2 li{ 
	 list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }



.leftx_articles3 {
	
		border: 1px solid #ff0000;
		padding: 8px;	
		margin: 0 0 10px 0;
		color: #ff0000;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
       line-height: 1.5em;

}

.leftx_articles3 a {
	 background: #fff url(li.gif) no-repeat center left; padding: 0 0 0 12px; color: #808080;  }


.leftx_articles3 li{ 
	 list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }
 	


#rubriques h1, #aa02 h1, #aa01 h1 {font-size:1.5em}

#accueil{
	width:99%
}

#aa01{
	float:left;
	width:62%;
	padding:0.5em
}

#aa02{
	float:right;
	width:31%;
	BORDER:#003366 1px dotted;
	padding:0.5em;
	background:#EEE
}
	#aa02 h1 {display:inline}



#rubriques{
	float:left;
	width:98%;
	margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 1px solid
}

	#rubriques ul {list-style-type:none; margin:0; padding-left:15px}
	#rubriques A {color:#FF6600}
	#rubriques A:hover {color:#FF6600}
	#rubriques img {float:left}

/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#EEE; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#ffffff
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}

/*ajout jean 01_01_09 */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 0px;
border: 1px solid #62B0FF;
color: #2d2b2b;
background: white url(shade2.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}


.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

.image {
	float: left;
	margin: 0 9px 3px 0;
}

.tabcontent a {
	text-decoration: none;
	color: #0033FF;
}

.tabcontent a:hover{
	color: #FF6600;
	background: #FFF;
 }	



@media print {
.tabcontent {
display:block !important;
}
}



.shadetabss{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabss li{
display: inline;
margin: 0;
}

.shadetabss li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 0px;
border: 1px solid #FF0000;
color: #2d2b2b;
background: white url(shade1.gif) top left repeat-x;
}

.shadetabss li a:visited{
color: #2d2b2b;
}

.shadetabss li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabss li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabss li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabss li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontents{
display:none;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
line-height: 1.5em;
color:#0000FF
}


.image {
	float: left;
	margin: 0 9px 3px 0;
}

.tabcontents a {
	background: #fff url() no-repeat center left; padding: 0 0 0 1px; color: #0000FF;}

.tabcontents  li{ 
	 list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }

 
@media print {
.tabcontents {
display:block !important;
}
}



.shadetabsss{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabsss li{
display: inline;
margin: 0;
}

.shadetabsss li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 0px;
border: 1px solid #FFCC33;
color: #2d2b2b;
background: white url(shade1.gif) top left repeat-x;
}

.shadetabsss li a:visited{
color: #2d2b2b;
}

.shadetabsss li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabsss li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabsss li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabsss li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentss{
display:none;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
line-height: 1.5em;
color:#0000FF
}


.image {
	float: left;
	margin: 0 9px 3px 0;
}

.tabcontentss a {
	background: #fff url() no-repeat center left; padding: 0 0 0 1px; color: #0000FF;}

.tabcontentss  li{ 
	 list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }



 
@media print {
.tabcontentss {
display:block !important;
}
}





/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


#line { clear: both;
	 padding: 1px; margin: 0 0 15px; background: #fff url(smalldot.gif) repeat-x; }
	 
#slider4{
border-color: #EEE;
margin-left: 2px;
height: 280px;
}

#slider4 .img{
	float: left;
	margin: 10 9px 3px 0;
}


#paginate-slider4{
background-color: darkred;
border-color: darkred;
margin-left: 15px;
}

#paginate-slider4 a img{
width: 80px;
height: 60px;
border: 2px solid gray;
margin-top: 5px;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid red;
}