/*========================================================================================
                      	   				ICONES
=========================================================================================*/

#icones { position:absolute; right:4%; top:0.5%;}

#icones a:link { text-decoration:none; color:#555555; font-size:12px;}

#icones a:visited {text-decoration:none; color:#555555; font-size:12px;}

#icones a:hover { text-decoration:none; color:#555555; font-size:12px;}

#icones a:active { text-decoration:none; color:#555555; font-size:12px;}

/*========================================================================================
                      	   				ENTETE
=========================================================================================*/

#entete ul{

background-image: url(../images/bg_entete.jpg);
background-repeat: repeat-x ;
}

#entete li{
	
	font-size:10px;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}

#entete  #logo{
	padding:0;
}

div#entete h1 span {
	display: none;
}

/*========================================================================================
                      	   				GENERAL
=========================================================================================*/
*{
	margin:0; 
	padding:0;
}

body {
background-color:#50526F;
}

.noscreen {display:none;}

#index,#komaregree,#cambodge,#edito,#reportages,#interview,#ecrivez_nous,#don,#liens,#newsletter,#presse,#adhesion,#statistiques{
	position:relative;
	width:920px;
	height:auto;
	background: #FFFFFF;
	color:#000000;
	margin:auto;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height:100%;
	border-width: 0 0 0 0;
	color: #FFF;
}

.Style_lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFF;
}

a img {border-width : 0;}

hr {margin:10px 0 10px 0; border-top:1px solid #fc6805; }

 hr {
 display:block;
 height: 2px;
 margin:10px 0 10px 0;
 padding: 0;
 color: #fc6805;
 background-color: #fc6805;
 border: 0;
 }

/*========================================================================================
                      	   				Style
=========================================================================================*/

h1{font-size: 120%; padding: 0 5px; background: #C3D9FF; color: #333}

h2{font-size: 100%; padding: 30px 5px 20px 0; color: #333}

.lettrine {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 30px;
	font-size: 32px;
	color: #FF6600;
	float: left;
	padding:0 2px 2px 0;
}

.border {
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	border: 1px dashed #FF6600;
}


#Layer9 a:link {  border-width : 0; text-decoration:none; color:#ffdd60; font-size:28px;}

#Layer9 a:visited { border-width : 0; text-decoration:none; color:#ffdd60; font-size:28px;}

#Layer9 a:hover {  border-width : 0;  text-decoration:none; color:#ffdd60; font-size:28px;}

#Layer9 a:active { border-width : 0; text-decoration:none; color:#ffdd60; font-size:28px;}

/*========================================================================================
                      	   				BOITE RECHERCHER
=========================================================================================*/

#bdrecherche1 {
float:left;
height: 20px; width: 1%;

}

#bdrecherche2{
float:left;
height: 20px; width: 98%;
color:#fff;
text-align:center;
background-color:#C3D9FF;
}


#bdrecherche3 {
float: right;
height: 20px; width: 1%;
}

.formulaire{
	display:inline;
	padding-bottom:15px;
}
.formulaire fieldset {
	display:none;
}
.formulaire #inputText {
	width:60%;
	display:inline;
}
.formulaire #inputSubmit {
	cursor:pointer;
	width:20%;
	height:20px;
	font-size:1%;
}

.newsletter {  float:left; display:inline; margin:-20px 0 0 550px;  width:230px;}

.newsletter fieldset {border:none;}

.newsletter label {display:none;}

.newsletter #inputText {	width:195px; display:inline; border:1px solid #fc6805; height:15px;}

.newsletter #inputSubmit {cursor:pointer; border:1px solid #fc6805; height:20px;}
/*========================================================================================
                      	   				EDITORIAL
=========================================================================================*/
#editorial a:link { text-decoration:none; color:#000; font-size:12px;}

#editorial a:visited {text-decoration:none; color:#000; font-size:12px;}

#editorial a:hover { text-decoration:none; color:#000; font-size:12px;}

#editorial a:active { text-decoration:none; color:#000; font-size:12px;}

#editorial #titreEdito{
	font-size:12px;
	color:orange;
}
#editorial #txtEdito{
	font-size:10px;
	color:#000;
}
/*========================================================================================
                      	   				MENU PRINCIPAL
=========================================================================================*/


/*================  MENU GLOBAL */

#menumilieu{
	clear:left;
	position:absolute;
	font-weight:bold;
	background-color:#FFFFFF; /* Couleur  par defaut pour tous le menu */
	width:98%;
	
}

/*================  MENU BARRE PRINCIPAL  */

#nav_H
{
	
	background-color:#fff;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	padding: 5px 0px 4px 0px;
	margin:0px 0px 0px 125px;
	border-bottom: 1px solid #fff;
}

#nav_H ul
{
	margin-bottom: 0;
}

#nav_H li
{
	display: inline;
	list-style-type: none;
	margin: 0;
}

#nav_H a
{
	
	background-color:#993366; /* #fc6806; */
	color: white;
	font-weight:bold;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0px; 
	font-family: Arial, Verdana, Sans-Serif;
	padding: 4px 11px 5px 11px;
	border-right: 1px solid #FFF;
	color:#FFFFFF
}

#nav_H a:active,
#nav_H a:hover,
#index #nav_index a,
#edito #nav_editorial a,
#komaregree #nav_komaregree a,
#ses_besoins #nav_ses_besoins a,
#cambodge #nav_cambodge a,
#reportages #nav_reportages a,
#interview #nav_interview a,
#humour_et_jeux #nav_humour_et_jeux a
{
	background-color: #FF4700; /* #18CC10; */
	text-decoration: none;
	padding-bottom: 7px;
	border-bottom: none;
}

/*================  MENU BARRE SECONDAIRE */

#sousmenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#FF4700;
	padding-top: 4px;
	padding-bottom:4px;	
	border-right: 1px solid #FFF;
	color:#454545;
	text-indent: 120px;
}

#sousmenu li{
	font-size:10px;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	padding:0 10px 0 10px;
}

#sousmenu .gauche{
	padding-left: 5px;
	display:inline;
}

#sousmenu .droite{
	padding-left: 250px;
	display:inline;
}

#sousmenu a{
	text-decoration:none;
	text-align:center;
	color:#333333;
	font-size:10px;
	padding-left:0px;
}


#sousmenu a:link{
	text-decoration:none;
	text-align:center;
	font-size:10px;
	color:#000000;
}

#sousmenu a:visited{
	text-decoration:none;
	text-align:center;
	font-size:10px;
	color:#333333;
}

#sousmenu a:hover{
	text-align:center;
	font-size:12px;
	color:#fff;
	font-size:10px;
}

#sousmenu a:active{
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
}

/*================  FIL D'ARIANE */

#ariane a {text-decoration:none; color:#6182D1;}
#ariane a:hover {color:#192666;}

/*========================================================================================
                      	   				MENU GAUCHE
=========================================================================================*/

#menugauche{
	font-weight:bold;
}



#menugauche li{
	width:126px;
	height:25px;
	list-style-type:none;
	background-image:url(../images/icone_MenGauche.png);
	background-repeat: no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menugauche a:link{
	text-decoration:none;
	text-align:center;
	color:#FFF;
	font-size:10px;
	padding-left:10px;
}

#menugauche a:visited{
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#FFF;
	font-size:10px;
	padding-left:10px;
}

#menugauche a:hover{
	text-align:center;
	font-size:12px;
	color:#FF6633;
	font-size:10px;
	padding-left:10px;
}

#menugauche a:active{
	text-align:center;
	font-size:10px;
	padding-left:10px;
}



/*========================================================================================
                      	   				BOX FOOTER
=========================================================================================*/


#footer{
	clear:left;
	width:900px;
	padding:15px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	color:#000;
}

#footer li{
	
	font-size:10px;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}

#footer a {text-decoration:none; font-size:10px;}

#footer a:link,a:visited,a:active  {color:#003366;}
#footer a:hover    {color:#ff9900;}


/*========================================================================================
                      	   				Boites
=========================================================================================*/
#boxmenu{
	background-color: #FFFFFF; 
	position: relative;
	height: 50px;
	padding:10px;
}



#box1{
	background-color:  #FFFFFF;
	position: relative;
	padding: 0px 0px 10px 10px;
	margin-top: 10px;
	width: 13%;
	float: left;
	
}
#box2{
	background-color:#FFFFFF;
	position:relative;
	padding:0px 0px 10px 10px;
	margin:10px;
	width: 60%;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	
}
#box3{
	background-color:  #FFFFFF;
	position:relative;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	width: 19%;
	margin-left: 10px;
	float: left;
}

/*========================================================================================
                      	   				BOITE PRINCIPAL
=========================================================================================*/
#contenu{
	padding:0 0 0 5px;
	background-color:#fff;
	width:99%;
	color:#000;
}


/* propriétés de chaque coin #E5E6E7 */


#hautgauche {
	float:left;
	background-repeat: no-repeat;
	height: 20px;
	width: 1%;
	/*background: url(../images/hg.png); */
	background-color:#C3D9FF;
}

#hautcentral{
	float:left;
	background-repeat: no-repeat;
	height: 20px;
	width: 97%;
	/*background: url(../images/ico_rdv.gif);*/
	background-color:#C3D9FF	;
	color:#FFF;
	text-align:center;
}


#hautdroit {
float: right;
height: 20px; 
width: 1%;
/*background: url(../images/hd.png);
background-repeat: no-repeat;
background-color:#C3D9FF;*/
}




/* bas */

#basgauche {
clear:left;
float:left;
height: 20px; width: 1%;
background: url(../images/bg.png);
background-repeat: no-repeat;
/*background-color:#E5E6E7;*/
}

#bascentral{
float:left;
height: 20px; width: 98%;
/*background: url(../images/centre.gif);
background-repeat: repeat-x;*/
background-color:#6666ff;


}


#basdroit {
clear:left;
float: right;
height: 20px; width: 1%;
background: url(../images/bd.png);
background-repeat: no-repeat;
/*background-color:#E5E6E7;*/
}


/* Boite interne */

.boxint{
background-color: #E5E6E7;
position: relative;
margin: 10px 1% 10px 1%;
width: 60%;
float: left;
}

.gros {
float:left;
background-color: #00ff00;
}
.petit {
float: right;
background-color: #ffff00;
}

/*========================================================================================
                      	   				BOITE ACTUALITE
=========================================================================================*/


#actucontenu{
	padding:0;
	background-color:#fff;
	width:100%;
	color:#000;
}

#actucontenu p{
	width:100%;
	border-bottom:1px dashed #666666;	
	padding:5px 0 5px 0;
	margin: 5px 0 5px 0;
}

#actucontenu a:link { padding-left:3px; text-decoration:none; color:#003366; font-size:12px;}

#actucontenu a:visited {padding-left:3px; text-decoration:none; color:#003366; font-size:12px;}

#actucontenu a:hover { padding-left:3px; text-decoration:none; color:#ff9900; font-size:12px;}

#actucontenu a:active { padding-left:3px; text-decoration:none; color:#003366; font-size:12px;}
/* propriétés de chaque coin #E5E6E7 */


#actuhg {
float:left;
background-repeat: no-repeat;
height: 20px; width: 1%;
}

#actuhc{
float:left;
background-repeat: no-repeat;
height: 20px; width: 97%;
/*background: url(../images/ico_rdv.gif);*/
background-color:#C3D9FF;
color:#FFF;
text-align:center;
}


#actuhd {
float: right;
height: 20px; width: 1%;
}




/* bas */

#actubg {
float:left;
height: 20px; width: 1%;
}

#actubc{
float:left;
height: 20px; width: 190px;
}


#actubd {
float: right;
height: 20px; width: 1%;
background: url(../images/bd.png);
background-repeat: no-repeat;
/*background-color:#E5E6E7;*/
}



/* L'intŽrieur des box....... */

div#box{
	float:right;
	margin:0 10px 0 15px;
	text-align:center
}
div#box p{
	margin:0;
	padding: 5px;
}


/*========================================================================================
                      	   				PAGE EDITORIAL
=========================================================================================*/

#box2 p{
line-height:30px;
}
/*========================================================================================
                      	   				PAGE LIENS 
=========================================================================================*/
.liens{overflow:auto;border:1px dashed #FF6600; margin:5px;}
div#imagette{
	float:left;
	margin:0;
	text-align:center;
}

div#imagette img{
	width:150px;
	
}

div#imagette p{
	margin:5px;
	padding: 5px;
}
/*========================================================================================
                      	   				PAGE ECRIVEZ_NOUS
=========================================================================================*/

/************ Ecrivez nous *****************/
.iErreur {
	border-color: #c00;
	background-color: #FEEDEF;
	color: #c00;
}
.iSucces {
	border-color: #060;
	background-color: #E9F5E0;
	color: #060;
}	

#box_ecrivez_nous{
	clear:right;
	overflow:auto; /* Pour que le flux ne sorte pas sous firefox */
	padding:0 0 30px 80px;
	width : 400px;
}

#box_ecrivez_nous label{
	padding:10px 0 10px 10px;
	width:190px;
	font-size:12px;

}


#box_ecrivez_nous fieldset{
	padding:0px 10px 10px 10px;
	border: none;
	border: 1px solid #FF8108;
	font-size:20px;
}

#box_ecrivez_nous legend{
	font-size:20px;
}

#box_ecrivez_nous legend:first-letter 
{ 
	font-family: verdana, sans-serif ;
	font-size: 38px ; 
	color: #FF8108 ;
	text-align: justify ;
}

#box_ecrivez_nous .form_debut{
	padding:10px 10px 10px 10px;
	font-size:12px;
}

#box_ecrivez_nous .form_milieu{
		
}

#box_ecrivez_nous input{
	border-left: 5px solid #FF8108 ;
	width:190px;
}

#box_ecrivez_nous input.checkbox{
	border:none;
	width:10px;
}

#box_ecrivez_nous p{
	display: inline;
	float:right;
}

#box_ecrivez_nous #radiobutton input{
	float:none;
	margin:5px 0px 5px 0;
	border-left: 0px solid #678ab4;
	width:20px;
}

#box_ecrivez_nous .bt_envoyer{
	cursor:pointer;
	width:auto;
	height:26px;
	font-size:10px;	
   	color:#FFF;
   	font-Size: 84%;
   	font-weight:bold;
   	background-color: #FF8108;	
}

#box_ecrivez_nous a {
	position: relative;
}
#box_ecrivez_nous a span {
	display: none;
	color: #666;
	background-color: #fff;
}
#box_ecrivez_nous a:hover span {
	text-decoration:none;
	display: block;
	position: absolute;
	bottom: 2em;
	left: 2em;
	width: 200px;
	text-align: justify;
	padding: 3px 3px 3px 8px;
	z-index: 10;
	font-size: 0.7em;
	font-weight: normal;
	border:1px solid #FF8108;
	border-top:10px solid #FF8108;
}

/*========================================================================================
                      	   				PAGE NEWSLETTER
=========================================================================================*/

/************ Newsletter*****************/
#desinscription{border-left:4px solid #FF8108 ; margin:0 0 0px 80px;}

#desinscription a{text-decoration:none; padding:0 0 0px 8px;}

#box_newsletter{
	clear:right;
	overflow:auto; /* Pour que le flux ne sorte pas sous firefox */
	padding:0 0 30px 80px;
	width : 400px;
}


#box_newsletter label{
	padding:10px 0 10px 10px;
	width:190px;
	font-size:12px;

}


#box_newsletter fieldset{
	padding:0px 10px 10px 10px;
	border: 1px solid #FF8108;
	font-size:20px;
}

#box_newsletter legend{
	font-size:20px;
	color: #000 ;
}

#box_newsletter legend:first-letter 
{ 
	font-family: verdana, sans-serif ;
	font-size: 38px ; 
	color: #FF8108 ;
	text-align: justify ;
}

#box_newsletter p{
	padding:10px 10px 10px 10px;
	font-size:12px;
	display: inline;
	float:right;
}

#box_newsletter input{
	display:inline;
	border-left: 5px solid #FF8108 ;
	width:190px;
}

#box_newsletter input.checkbox{
	border:none;
	width:10px;
}



#box_newsletter .bouton{
	margin:10px 0 10px 0;
	cursor:pointer;
	width:auto;
	height:26px;	
   	color:#FFF;
   	font-Size: 80%;
   	font-weight:bold;
   	background-color: #FF8108;	
}


/*========================================================================================
                      	   				PAGE COMMENTAIRE
=========================================================================================*/

/************ Commentaire *****************/
.iErreur {
	border-color: #c00;
	background-color: #FEEDEF;
	color: #c00;
}
.iSucces {
	border-color: #060;
	background-color: #E9F5E0;
	color: #060;
}	

#box_commentaire{
	clear:left;
	overflow:auto; /* Pour que le flux ne sorte pas sous firefox */
	padding:0px;
	margin:20px 0 0 0 ;
	width : 98%;
}

#box_commentaire label{
	padding:10px 0 10px 10px;
	margin:10px 0 10px 10px;
	font-size:12px;
}

#box_commentaire fieldset{
	padding:0px 0px 0px 0px;
	border: none;
	border: 1px solid #FF8108;
	font-size:20px;
}

#box_commentaire legend{
	font-size:20px;
}

#box_commentaire legend:first-letter 
{ 
	font-family: verdana, sans-serif ;
	font-size: 38px ; 
	color: #FF8108 ;
	text-align: justify ;
}

#box_commentaire .form_debut{
	padding:10px 10px 10px 10px;
	font-size:12px;
}

#box_commentaire input{
	border-left: 5px solid #FF8108 ;
	width:190px;
}

#box_commentaire .bt_envoyer{
	cursor:pointer;
	width:auto;
	height:auto;
	border-left:none;
   	font-Size: 84%;
   	font-weight:bold;
	color:#FFF;	
   	background-color: #FF8108;	
}

.message{
	float:left;
	border:1px solid #b6b6e0;
	width:97%;
	margin:5px 2px 5px 2px;
}

.message .entete {
	color:#50526F;
	background-color:#e6e7f9;
}

.message hr {
	color: #b6b6e0;
	background-color:#b6b6e0;	
	margin-top:-6px;
	padding:0;
}

#aide {
	position:fixe;
	top:100px;
	left:0px;
	font-size:10px;
}
	
#box_commentaire a {
	position: relative;
}
#box_commentaire a span {
	display: none;
	color: #666;
	background-color: #fff;
}
#box_commentaire a:hover span {
	text-decoration:none;
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 200px;
	text-align: justify;
	padding: 3px 3px 3px 8px;
	z-index: 10;
	font-size: 0.7em;
	font-weight: normal;
	border:1px solid #FF8108;
	border-top:10px solid #FF8108;
}

	/* TEST

dl.creation dt a {
	position: relative;
}
dl.creation dt a span {
	display: none;
	color: #666;
	background-color: #fff;
}
dl.creation dt a:hover span {
	display: block;
	position: absolute;
	bottom: 2em;
	left: 2em;
	width: 27em;
	text-align: justify;
	padding: 3px 3px 3px 8px;
	z-index: 10;
	font-size: 0.8em;
	font-weight: normal;
	border-width: 1px 1px 1px 10px;
}	

	
	*/