/***************************************Importation du menu**************************************/
@import url("menu_horizontale.css");
/**************************************Fin d'importation du menu*********************************/


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

					Décoration de la totalité de l'ecran

***********************************/
 body {
	margin:0;
	padding:0;
	font : 100%/1.5em verdana,"Trebuchet MS", Helvetica, Sans-Serif;
	background:#E5E5E5; /*url("img/bg-body.gif") repeat-y top center;*/
}	
/******************
Supression des bords des images liens
**********************/
img{border:none;}

/******************
End supression des bords des images liens
**********************/
/****************************************************************************************************************************************************************************************

###############################################				Boite centrale contenant le site					#################################################

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

#global {background:#F8F8F8 ;/*url(img/bg-body.gif) repeat-y center top;*/
	min-height : 100%;
	width: 1050px;margin:0 auto 0 auto;
	color: #333;padding:10px;
	border-left: 1px solid #ACA899;border-right: 1px solid #ACA899;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

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

##########################################						Haut de toutes les pages  								 ###################################

*******************************************************************************************************************************************************************************************/
#header {
	background:#F8F8F8 url(img/fd-header.gif) repeat-x top left; margin:0 auto 0 auto;
	padding:10px;
	color : #666;
	height:90px;

}
/***************************************
Positionement des données
*************************************/
 #header .ent{
	width:1030px;
	margin:5px auto;
	color : #666;
	height:80px;	
}
#url {text-align:left; margin:5px; padding:0; border-bottom: 2px solid #00468C; 
font: bold 10px verdana,"Trebuchet MS", Helvetica, Sans-Serif #00468C;}
/*******************************************
Décoration de positionnement des textes
***************************************** */
#header .ent .titre{
	font:bold 2em "Trebuchet MS"; 
	margin: 0px auto auto 50px
}


#header .ent .desc{
	font : bold 14px verdana,"Trebuchet MS", Helvetica, Sans-Serif; 
	margin: 10px auto auto 200px;
}
/*Fin de décoration  et de positionnement des textes */

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

##################################################                Fin du Haut de toutes les pages                                ##################################

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

/****************************
Decoration des liens
*******************************************/

#header a:link, #header a:active, #header a:visited {color: #466;text-decoration:none;}

#header a:hover{color:green;}
 
/****************************
 footer
*****************************/

#global #footer a :visited {color:#000; text-decoration:underline;}
 #global #footer a :hover{color:green;}
 #global #footer a:link, #global #footer a:active {color: #000;}
 
/***************************
Décoration des lien de toutes les pages
***********************/


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: 1050px;
	clear:both;
	padding: 15px 0;
	margin:0px auto 0px auto;
	color: #333;
	font-family: verdana,"Trebuchet MS", Helvetica, Sans-Serif;
	min-height : 100%;max-height : 100%;
	position :relative;
}

/********************Colonne de Gauche**********************/
#global #left {
    float: left;
    width: 275px;
	min-height : 100%;
	margin:0;
	}
/* **************Decoration des titres pour colonne gauche***************/
#global #left .titles{
	text-align: left;
	background:#B4CFE5;
	padding:5px;
	font : bold 12px verdana,"Trebuchet MS", Helvetica, Sans-Serif; 
	color : #333; 
	border : 1px solid #1F537B;
	-moz-border-radius-topright : 1em; -moz-border-radius-topleft : 1em;
	-webkit-border-top-right-radius : 12px; -webkit-border-top-left-radius : 12px;
	}
#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 : #FCF2E9;
	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 .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;
	font : bold 12px verdana,"Trebuchet MS", Helvetica, Sans-Serif; 
	color : #FFF; 
	border : 1px solid #B06A00;
	-moz-border-radius-topright : 1em; -moz-border-radius-topleft : 1em;
	-webkit-border-top-right-radius : 12px; -webkit-border-top-left-radius : 12px;
	}
#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:250px;}

.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:250px; 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:250px;}
.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:250px;}
.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:250px; top:0; color:#FFF;}
.menut ul li:hover ul li:hover ul li a {display:block; width:250px; 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 : bold 12px verdana,"Trebuchet MS", Helvetica, Sans-Serif; 
	color : #FFF; 
	-moz-border-radius-topright : 1em; -moz-border-radius-topleft : 1em;
	-webkit-border-top-right-radius : 12px; -webkit-border-top-left-radius : 12px;
}
#global #left .sub-titles span {
	border-bottom:2px solid #FFF;
	-moz-border-radius-topright : 1em; -moz-border-radius-topleft : 1em;
	-webkit-border-top-right-radius : 12px; -webkit-border-top-left-radius : 12px;
}	
/*Fin des blocs de couleurs*/
/*fin de boites menu gauche*/

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

#global #droite .titles{
	text-align: left;
	padding:5px;
	background:#B4CFE5 ;color : #333;
	font : bold 12px verdana,"Trebuchet MS", Helvetica, Sans-Serif;
	/*border : 1px solid #1F537B;	*/
	-moz-border-radius-topright : 1em; -moz-border-radius-topleft : 1em;
	-webkit-border-top-right-radius : 12px; -webkit-border-top-left-radius : 12px;
}

#global #droite .menuv, #global #droite .pub{
	text-align : left;
	font-family: verdana,"Trebuchet MS", Helvetica, Sans-Serif;
	color : #000;
	padding:10px; 
	margin-bottom:10px;
	font-size: 12px;  word-spacing : 3px; 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: 0 0 0 290px;
	min-height : 100%;max-height : 100%;
	position:relative;
}
#global #centre{
	font-size: 12px;
	margin:0 195px 0 285px;
	position:relative;
}
#global #totale{
	font-size: 12px;
	margin:10px auto;
	position:relative;
}
#global #conteneur .titles,#global #centre .titles, #global #totale .titles {
	text-align: left;
	padding: 5px 10px; 
	font: bold 12px verdana,"Trebuchet MS", Helvetica, Sans-Serif; 
	color : #333;
	/*border: 1px solid #1F537B;*/
	background:#B4CFE5;
	-moz-border-radius-topright : 1em; -moz-border-radius-topleft : 1em;
	-webkit-border-top-right-radius : 12px; -webkit-border-top-left-radius : 12px;
}
#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 : bold 12px verdana,"Trebuchet MS", Helvetica, Sans-Serif; color : #333; padding : 0px 14px; margin : 0; 
text-transform: uppercase; background: url(img/fleche-rouge.png) no-repeat center left; border-bottom: 1px solid #FFF;
}
	
#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 : bold 12px verdana,"Trebuchet MS", Helvetica, Sans-Serif; color : #333; padding : 0px 14px; margin: 0px; text-transform: uppercase; 
	background: url(img/fleche-orange.gif) no-repeat center left;border-bottom: 1px solid #FFF;
}

/*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; position:relative;}

#global #conteneur .contenu, #global #centre .contenu, #global #totale .contenu{text-align: left;}

#global #conteneur .contenu, #global #centre .contenu, #global #centre .pub, #global #conteneur .pub, 
#global #totale .contenu, #global #totale .pub{
	font-family: verdana,"Trebuchet MS", Helvetica, Sans-Serif; font-size: 12px; color: #333; word-spacing: 3px; margin-bottom:10px;
	border:1px solid #D4DAE2;padding:5px;	}
#global #centre .pub, #global #conteneur .pub, #global #totale .pub{background:#F4F9FD;}

.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: bold 12px verdana;
}

.titreanim{
	line-height:1em;
	margin: 0;
	padding:0 0 2px 10px;
	background: url(img/titreanim.gif) no-repeat center left;
	font: bold 1em verdana;
	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{position:relative;background:#e8f4ec; border: 1px solid #FF9900;text-align:left;padding:10px;margin-bottom:10px;}
.separateur{background:#808080;position:relative;font:bold 14px verdana;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;
}
/*Décoration des titres en gras dans le contenu*/
 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;
}

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*/
/*########################Fin de décoration des images en boite au survol######################*/

/*Décoration de bas de pages*/
#footer {
	color: #666;
    background : url(img/fd-footer.gif) no-repeat center top;
	clear:both;
	font: 10px verdana; 
	height:auto;
	padding: 10px;
	position: relative;
 }
.content{ width:1020px; margin: auto;
	}
.stats {
    float: left;
	width:45px;
	height:31px;
}
.membres {background: #446063; width: auto; text-align : left; visibility:visible;text-transform:uppercase;
 font : 10px verdana, arial; color : #FFF; padding: 5px 10px; }


/*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*/