/* ---------------------
Html et body
--------------------- */
html {
	font : 80%/1.7em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	/*font : 75%/1.7em verdana, Arial, "Trebuchet MS";*/
	color : #000;
	background:#F9F9F9 ;
	margin : 0;
	padding : 0;
	letter-spacing: 0.5px;
}
body {
	margin : 0;
	padding : 0;
}

/* --------------------- 
Zone de contenu (#content)  
--------------------- */
a:link, a:active {color: #5278B7; text-decoration:none;}
a:visited {color:#000; text-decoration:underline;}
a:hover {color:green;text-decoration:underline;}

/*Lien sur boites publicitaires partout dan le site et forum
Lien visant les condition publicitaires*/
.lien-pub{
	background:url(img/lien.gif) no-repeat right center; 
	padding:0 13px 0 5px; margin-right:5px;
	width:50px;
	position:absolute; 
	right:0; 
	bottom:0;
	font-size: 10px;
}
/********************************
		End liens
*************************/


/*///////////////////////////////////////////////////         Boite centrale inférieure   			////////////////////////////////////////////////////////*/

#page {
	width: 800px;
	border: 1px solid #DDD;
	margin:10px auto;
	padding:20px;
	color: #333;
	min-height : 100%;max-height : 100%;
	background:#fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
/*Décoration des titres en gras dans le contenu*/
#page h1, h4 {/*font : bold 12px verdana, "Trebuchet MS",  Sans-Serif;*/ color : #666;
	padding : 0px 14px;
	margin : 0;
	text-transform: uppercase; 
	background : url(img/fleche-rouge.png) no-repeat center left;
}

#page h2 , h3 {
	/*font : bold 12px verdana, "Trebuchet MS", Helvetica, Sans-Serif;*/ color : #666;
	padding : 0px 14px;
	margin: 0px;
	text-transform: uppercase; 
	background : url(img/fleche-orange.gif) no-repeat center left;
}
/*Fin des titres en gras dans le contenu*/
/********************Colonne de Gauche**********************/
#global #left {
    float: left;
    width: 252px;
	min-height : 100%;
	margin:5px 0 10px 5px;
	}
/* **************Decoration des titres pour colonne gauche***************/
#global #left .titles{
	text-align: left;
	background:#E7CC96;
	padding:5px;
	font-weight : bold;
	color : #333; 
	border : 1px solid #1F537B;border-width: 1px 1px 0 1px;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	}
#global #left .menuv{
	margin:0;padding:0;
	color : #000; 
	margin-bottom:10px; 
	border: 1px solid #1F537B;
	
	}
#global #left .menuv ul {
	margin:0;padding:0;	
	
	}
#global #left .menuv li{ background : #DEEDF9;
	list-style-type : none;
	padding : 2px 5px 2px 10px;
	border-top : 1px solid #C3C9D0;	
	}
#global #left .menuv li a{
	padding : 0;
	text-decoration : none;
	color : #65497C;
	display : block;
	font-size: 12px; font-weight:normal;
	}
#global #left .menuv li a:hover {color:green;text-decoration:underline;}
#global #left .pub{
    /*font-family: verdana,"Trebuchet MS", Helvetica, Sans-Serif;*/
	margin-bottom:10px;
	padding: 10px 0 10px 0;
	text-align : center; 
	position :relative;
	font-size: 11px;
	border: 1px solid #1F537B;
	}
#global #left .pub ul li{list-style-type : none;}
#global #left .pub ul li a{font-weight : bold;}
#global #left .menut{
	background:#FBFBFB;
	text-align : left;
	/*font:bold verdana,"Trebuchet MS", Helvetica, Sans-Serif;*/
	padding:10px; 
	margin-bottom:10px;
	font-size: 12px;
	position: relative;
	border: 1px solid #1F537B; min-height :100%;
} 
/***************Boite jaune contenant les image aleatoires************/	
#global #left .titles-img{
	text-align: left;
	background:#B06A00;
	padding:5px;
	color : #FFF; 
	border : 1px solid #B06A00;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	}
#global #left .images {
	width:auto; 
	border:1px solid #B06A00;
	padding:5px 5px 20px 5px; 
	text-align:center;
	margin: 0 0 10px 0;
	background: url(img/zoom.gif) no-repeat bottom right; 
}	
	
/********************************************Menu deroulant***********************************/	
/* common styling */
.menut ul {padding:0; margin:0;list-style-type: none; }
.menut ul li { margin-right:1px; position:relative; width:230px;}

.menut .parent {padding:0 0 0 15px; background: url(img/arrow-right.gif) no-repeat center left;}

.menut ul li a {padding:2px 5px;display:block; text-decoration:none; color:#00579C; 
border:1px solid #fff; border-width:1px 1px 0 0; font-weight:bold; font-size:12px;background:#FBFBFB;}

.menut ul li a:visited {display:block; color: #00579C; 
border:1px solid #fff; border-width:1px 1px 0 0; font-weight:bold; font-size:12px;background:#FBFBFB;}
.menut ul li ul {display: none;}

/* specific to non IE browsers */

.menut ul li:hover a {color:#000; background:#B4C5BC url(img/arrow-right.gif) no-repeat center right;}
.menut ul li:hover ul {display:block; position:absolute; top:0; left:230px; width:100%;z-index:1;}
.menut ul li:hover ul li a.hide {background:#B4C5BC; color:#000;}
.menut ul li:hover ul li:hover a.hide {width:230px;}
.menut ul li:hover ul li ul {display: none;}
.menut ul li:hover ul li a {padding:2px 5px;display:block; background:#B4C5BC; color:#000; width:230px;}
.menut ul li:hover ul li a:hover {background:#003264; color:#FFF;}
.menut ul li:hover ul li:hover ul {display:block; position:absolute; left:230px; top:0; color:#FFF;}
.menut ul li:hover ul li:hover ul li a {display:block; width:230px; background:#dfc184; color:#FFF;}
.menut ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

/* Blocs de couleurs pour menus de gauche*/
#global #left .sub-menu{	background:#EAE2F1;
	/*font-family: verdana,"Trebuchet MS", Helvetica, Sans-Serif;*/
	color : #000;
	padding:0px; 
	margin-bottom:10px;
	font-size: 12px;  word-spacing : 3px; margin-bottom:10px; 
	border: 1px solid #65497C;
	}
#global #left .sub-menu ul{margin: 0; padding:0;	}
#global #left .sub-menu ul li{display : bloc;	list-style:none; border-bottom:1px solid #FFF; margin:2px 10px;}
#global #left .sub-titles{text-align: left;
	background:#65497C;
	padding:5px;
	font-weight: bold;
	color : #FFF; 
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
}
#global #left .sub-titles span {
	border-bottom:2px solid #FFF;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
}	
/*Fin des blocs de couleurs*/
/*fin de boites menu gauche*/

/*Decoration pour Colonne de droite*/
#global #droite {
    float: right;
    width: 162px;
	margin:5px 5px 10px 0;
}

#global #droite .titles{
	text-align: left;
	padding:5px;
	background:#E7CC96 ;color : #333;
	font-weight : bold;
	border : 1px solid #D4DAE2; border-width: 1px 1px 0 1px;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
}

#global #droite .menuv, #global #droite .pub{
	text-align : center; padding:5px 0;background:#FFF;
	/*font-family: verdana,"Trebuchet MS", Helvetica, Sans-Serif;*/
	color : #000;
	margin-bottom:10px;
	border: 1px solid #D4DAE2;
	}
	
#global #droite .menuv ul ,#global #droite .pub ul {text-align:left;	/*font-family: verdana,"Trebuchet MS", Helvetica, Sans-Serif;*/
	font-size: 10px;margin:0;padding:0;}
#global #droite .menuv ul li, #global #droite .pub ul li {display:block; line-height:18px;
	list-style:none; margin-left: 0px;
}

/*End colonne de droite*/


/*****************Décoration des titres sur la colonne de droite sur pages de deux colonnes*******************/
#global #conteneur{
	max-width : 760px;
	margin: 5px 5px 10px 262px;
	min-height : 100%;max-height : 100%;
}
#global #centre{
	/*font-size: 12px;*/
	margin:5px 172px 10px 262px;
}
#global #totale{
	/*font-size: 12px;*/
	margin:10px;
}
#global #conteneur .titles,#global #centre .titles, #global #totale .titles {
    padding-left:10px;background:#E7CC96;
	text-align: left;
	color : #333;
	border: 1px solid #bbb; border-width:1px 1px 0 1px;	
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0 ;
	-khtml-border-radius: 4px 4px 0 0;
}
#global #conteneur .titles h1,#global #centre .titles h1, #global #totale .titles h1,
#global #conteneur .titles h4,#global #centre .titles h4, #global #totale .titles h4{
font-size: 100%; color:#333; padding : 5px 14px; margin : 0; 
text-transform: uppercase; background: url(img/fleche-rouge.png) no-repeat center left;
}
	
#global #conteneur .titles h2,#global #centre .titles h2, #global #totale .titles h2,
#global #conteneur .titles h3,#global #centre .titles h3, #global #totale .titles h3{
	font-size: 100%;  color : #333; padding : 5px 14px; margin: 0px; text-transform: uppercase; 
	background: url(img/fleche-orange.gif) no-repeat center left;border-bottom:
}

/*Fin de décoration titre pour boites a titres dans le contenu et centre*/

/*##########################################################################*/	

/*boites de texte et publicité dans colonne 2eme colonne */
#global #centre .pub, #global #conteneur .pub, #global #totale .pub {text-align: center;
	padding:5px 0;
	border: 1px solid #bbb;	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

#global #conteneur .contenu, #global #centre .contenu, #global #totale .contenu{text-align: left;
	border: 1px solid #bbb;	padding:5px;
	border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-khtml-border-radius:0 0 4px 4px;}

#global #conteneur .contenu, #global #centre .contenu, #global #centre .pub, #global #conteneur .pub, 
#global #totale .contenu, #global #totale .pub
	{
	color: #333; 
	word-spacing: 3px; 
	margin-bottom:10px;
	background: #ECF1C9;
	}
#global #centre .pub, #global #conteneur .pub, #global #totale .pub{background : #FFF;}

.external {background : url(img/external.png) no-repeat bottom right; padding : 0px 12px; }

.tb-g{ float:left; margin:10px 10px 10px 0; height:auto; width:auto; text-align:center; vertical-align:middle; background:#F7F7F7;border: 1px solid #D4DAE2;padding: 10px;/*font: 10px verdana #999999;*/}
.tb-d{ float:right; margin:10px 0 10px 10px; height:auto; width:auto; text-align:center; vertical-align:middle; background:#F7F7F7;border: 1px solid #D4DAE2;padding: 10px;/*font: 10px verdana #999999;*/ }

.pub {text-align:center; width:auto;} /*********Cadre contanant la publicité*********************/
/*Fin de boites a texte*/

/*Début de boite Important*/
.important {
	color: #FFFFFF;
	background-color: #C19D91;
	width: auto;
	visibility: inherit;	
	font-size: 12px;
	font-weight: bold;
	font-style: oblique;
}
/*##################Fin de boite important et début de texte sougligné################*/
.hrcolor {
	width: auto;
	background: url(img/puce_fleche.gif) no-repeat center left;
	padding:0 10px;
	border-bottom: 1px dashed #696923;
	color: #466;
	margin: 10px 0 10px 0;
	font-size:90%;font-weight : bold;
}

.titreanim{
	margin: 0;
	padding:0 0 2px 10px;
	background: url(img/titreanim.gif) no-repeat center left;
	font-size:90%;font-weight : bold;
	color :#666;
	border-bottom: 1px dashed #999;
}
/*#####################Fin de texte sougligné et début de boite informative###################*/
.info {
	font-style: italic;
	background:#B0C1D9 url(img/info.gif);
	background-position: left top;
	margin: 15px 0 15px 0;
	background-repeat: no-repeat;
	padding: 25px 10px 10px 10px;
	color: #006600;
	font-weight : bold;
}
.info p {margin:0px;}
/*Fin de boite Informative*/
form a input {text-decoration:none;}
/*#########################################*/
/*.contenu ul li , .contenu  li{list-style:none; margin-left: 10px; background: url(img/puce.gif) no-repeat top left ; padding: 2px 10px;}*/

.contenu form{text-align:center;}
/*###############Décoration de listes dans le contenu et centre#######################*/



/*Boites de couleur*/

.hrcolorlinks {
	width: auto;
	border-bottom: 2px solid #696923;
	height: auto;
	color: #000;
	/*font:bold 10px verdana;*/
	text-align:left;
}
.linksbbcode{background:#FCE698; border: 1px solid #216342;text-align:left;margin:10px 0 10px 330px;}
.linksbbc-maitre{background:#e8f4ec; border: 1px solid #FF9900;text-align:center;padding:10px;margin-bottom:10px;vertical-align:middle;min-height:250px;}
.separateur{background:#808080;position:relative;text-align: left;margin-bottom:10px; color:#FFF;height:20px;}
.separateur a{color:#FFF;}
.linksbbcode img, .linksbbc-maitre img,.linksbbcode img a, .linksbbc-maitre img a{border:none; float:left;}
.linksbbcode textarea{background:#FCE698;border:none; width: 100%;height:100%;text-align:left;overflow:hiden;/*font:12px verdana;*/}
.rose, .rosecentre {
	width : auto;
	background-color : #FCE698;
	padding : 5px;
	clear:both;
	/*font-family : Verdana, Sans-Serif;
	font-size : 12px;
	word-spacing : 3px;*/
	color : #000000;
}
.vert, .vertcentre {
	width : auto;
	background-color : #e8f4ec;
	padding : 5px;
	clear:both;
	/*font-family : Verdana, Sans-Serif;
	font-size : 12px;
	word-spacing : 3px;*/
	color : #000000;
}
.vertcentre, .rosecentre {
	text-align : center;
}
.vert, .rose {
	text-align : left;
}
/*Fin des boites de couleur*/

/*""""""""""""""""Decoration des images en boite au survol############################"*/
.photo a img
{
    height:0;
    width:0;
    border-width:0;
}
 
.photo a:hover img
{
    position:absolute;
    height:100px;
    width:100px;
    border-width:1;
}

/*########################Fin de décoration des images en boite au survol######################*/

/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	text-align:left;
	font-size:75%;
	margin : 10px auto 10px auto;
	color : #FFF;
	min-height : 20px;
	clear : both;
	background: url('img/bg-footer.gif') repeat-x 0 -65px;
}
#footer .content {
	margin:0 auto;
	width:1000px;
	height:20px;
	/*border-left:3px solid #F8F8F8;
	border-right:3px solid #F8F8F8;*/
	font-weight : bold;
}
#footer .content li {line-height:20px; border-right:2px solid #F8F8F8; display: inline; padding:0 5px;text-transform:uppercase;}
#footer .content li.online {line-height:20px; border-right:2px solid #F8F8F8; display: inline; padding:0 5px;text-transform:uppercase;color:#2365b0;}
#footer .content li.top{line-height:20px;background: url('img/icons.png') no-repeat 0 -445px;padding: 0 5px 0 15px; float:right; width:60px; border:none;
	}

 
/****************************
 footer
*****************************/
#global #footer .content a:visited, #global #footer .content a:link{text-decoration:none;color:#2365b0;}
#global #footer .content a:hover, #global #footer a:active{color:green;text-decoration: underline;}
 
/***************************
Décoration des lien de toutes les pages
***********************/
.stats {
    float: left;margin:10px auto auto 0;
	width:45px;
	height:31px;
}
.membres {background:#F4F4F4 ;border-top:2px solid #446063;margin:0 auto;  width: 1000px; text-align : center; visibility:visible;
  color : #333;font-size:75%; clear : both;}
.membres p {width: 980px; margin: 2px auto; text-align:left;}
.membres a.top{
	background: url('img/icons.png') no-repeat 0 -449px;
	padding: 0 0 0 19px;
	float:right;width:70px;
	}


/*Fin de décoration de bas de pages*/
.discret {
	/*font-size: 10px;
	font-weight: normal;*/
	color: #999999;
	border: thin none #CCCCCC;
}

/*Décoration pour boites liens sur le lexique*/
#global #conteneur .liens{
	padding:0px;
	border: 1px solid #000;
	text-align: left;
	color: #333;
	background-color: #E4EAF2;
	margin-bottom:10px;
	border: 1px solid #000;
	position:relative;
}
#global #conteneur .liens ul{
	padding-left: 0px;
	list-style:none;
	margin: 0px;

} 
#global #conteneur .liens ul li{
	margin:0 0 2px 10px;
	list-style:none;
	background-image: url(img/te.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding : 0px 15px;
} 
#global #conteneur .liens  .categorie{/*font : bold 1.1em verdana,"Trebuchet MS", Helvetica, Sans-Serif;*/ color : #666;
	padding : 0px 10px;
	margin: 0px 5px;
	background : url(img/dossier.gif) no-repeat bottom left;border-top:1px solid #FFF;}	
	/*Fin de decoration lexique*/