/* Start of CMSMS style sheet 'commun' */
/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
/*body{
	\height:100%;
}*/
/* Pour habiller les pages par défaut */
body {
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-image:url(../img/commun/bg_body.jpg);
	background-repeat:repeat-x;
        /*background-color:#153977;*/
}
a{ 	color:#0000FF;	text-decoration:none; }
a:hover{ text-decoration:none;color: #0000FF; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }

div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:1.2em; }

/*  utiliser après une serie de div qui possède un tag FLOAT(left ou right)  */
.left-cleaner,
.right-cleaner,
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}
.spacer{
	height:5px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px !important; /* seulement lu par les navigateurs FIREFOX et SAFARI */
}
.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}
.transparence{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
.contenaire-page{
	position: absolute;
	left: 50%; /*positionnement à 50% de la gauche de la page du navigateur */
	z-index: 101; /* profondeur du div */
	top: 240px; /* hauteur du div par rapport au haut de la page */
	border-top:0px;
	
}
.contenaire-page{
	margin-left: -500px; /* div ramené de 400 pixels sue la gauche pour etre centré */
	width:1000px;
}
/********************************************************/
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
.entete{
	/*background-color:white;*/
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 0px;
	height:240px;
	border-bottom:0px;	
	background-image:url(../img/commun/bg_entete.jpg);
	background-repeat: repeat;
}
.entete{
	margin-left: -500px; /* div ramené de 400 pixels sue la gauche pour etre centré */
	width:1000px;
}

/*******************************************************/
/* MENU HAUT */
.menu-haut{
	float:right;
	padding:20px 0px 33px 0px;
	color:#292F3F;
	font-weight:bold;
        width:150px;
        text-align:right;
}
.menu-haut ul{
	margin:0px;
	padding:0px;
}
.menu-haut li{
	list-style-type:none;
	display:inline;
}
.menu-haut li a{
	text-decoration:none;
	color:#292F3F;
	font-size:12px;
	font-weight:bold;
}
.menu-haut li a:hover{
	color:#000000;
}
/*******************************************************/
/* FLAG */
.flag{
	float:right;
	padding:20px 30px 33px 10px;
        width:50px;
}
/*******************************************************/
/* ACCROCHE */
.accroche{
	float:right;
	padding:0px 30px 0px 0px;
}
/*******************************************************/
/* RETOUR ACCUEIL */
.retour-accueil{
	position:absolute;
	width:370px;
	height:90px;
	left:40px;
	top:145px;
}
.retour-accueil a{
	text-decoration:none;
	display:block;
	width:370px;
	height:90px;
}
/*******************************************************/
/* LES COLONNES */
.colonne1{
	float:left;
	width:224px;
	margin: 20px 6px 0px 0px;
}
/*******************************************************/
/* MENU */
.menu{
	font-size: 14px;
	font-family:Helvetica, Arial, sans-serif;
	color:#292F3F;
	text-align:right;
	padding:0px 0px;
	background-color:#EEE706;
	border-top:1px solid #FFF53D;
	border-bottom:2px solid #797305;
	border-left:1px solid #C9C008;
}
.menu ul{
	padding:0px;
	margin:0px;
        display:block;
}
.menu ul ul{
	padding:0px;
	margin:0px;
        display:none;
}
.menu li{
	list-style-type:none;
	background-color:#EEE706;
	font-size: 14px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	color:#292F3F;

}
.menu li a{
	display:block;
        padding:0px 55px 0px 5px;
	height:35px;
	line-height:35px;
	background-color:#EEE706;
	color:#292F3F;
}
.menu li a:hover{
    color:#000000;
	background-color:#FFF30A;
}
.menu li.activeparent{
	list-style-type:none;
}
.menu li.activeparent a.lien-activeparent{
        display:block;
	height:35px;
	line-height:35px;
	background-color:#FFF30A;
	font-size: 14px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	color:#000000;
}
.menu li.activeparent a.lien-activeparent:hover{
        color:#000000;
	background-color:#FFF30A;
}

.menu li.activeparent ul{
        padding:0px;
        margin:0px;
        display:block;
}
.menu li.activeparent li{      
        list-style-type:none;
}
.menu li.activeparent li a{
	display:block;
	padding:0px 55px 2px 0px;
        height:18px;
	line-height:18px;
	font-size: 11px;
	color:#292F3F;
	font-weight:normal;
        background-color:#FFF30A;
}
.menu li.activeparent li a:hover{
        color:#000000;
	background-color:#FBF870;
}
.menu li.activeparent li.currentpage a{
        display:block;
	padding:0px 55px 2px 0px;
	height:18px;
	line-height:18px;
        background-color:#FBF870;
	font-size: 11px;
	font-family:Helvetica, Arial, sans-serif;
	color:#292F3F;
	font-weight:normal;
}
.menu li.currentpage ul{
        padding:0px;
        margin:0px;
        display:block;
}
.menu li.currentpage{
	list-style-type:none;
}
.menu li.currentpage a{
        display:block;
        padding:0px 55px 0px 5px;
	height:35px;
	line-height:35px;
	background-color:#FFF30A;
	color:#000000;
}
.menu li.currentpage ul{
        display:block;
}
.menu li.currentpage li{
       list-style-type:none;
}
.menu li.currentpage li a{
    display:block;
	padding:0px 55px 2px 0px;
	height:18px;
	line-height:18px;
	background-color:#FFF30A;
	font-size: 11px;
	font-family:Helvetica, Arial, sans-serif;
	color:#292F3F;
	font-weight:normal;
}
.menu li.currentpage li a:hover{
     color:#000000;
	background-color:#FBF870;
}
/*******************************************************/
/* VISUEL HOME PAGE COLONNE 1 */
.visuel-hp{
	 margin-top:6px;
}
/* ADRESSE HOME PAGE */
.adresse-hp{
	text-align:right;
	background-color:#002F3C;
	color:#FFFFFF;
	padding:10px 20px 20px 5px;
	font-size: 11px;
}
.adresse-hp h1{
	font-size:12px;
	color:#DDD204;
	font-weight:bold;
}
.adresse-hp a{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
.adresse-hp a:hover{
	color:#48BCEB;
}
/*******************************************************/
/* LES COLONNES */
.colonne2{
	float:left;
	padding:35px 45px 45px 45px;
	width:678px;
	border: 1px solid #12336A;
	border-width:0px 1px 1px 1px;
	background-image:url(../img/commun/hp/bg_main_hp_court.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#0C3E76;
}
/* MAIN HOME PAGE */
.main{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:12px;
}
.main h1{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:16px;
	font-weight:bold;
}
.main h2{
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
}
.main ul{
        margin:0px;
        padding:5px 0px 5px 30px;
}
.main img{
	margin:10px;
	border:1px solid #FFFFFF;
}
.main a{
	text-decoration:none;
	font-size:12px;
	color:#BAFEFF;
}
.main a:hover{
	color:#000000;
}
/*******************************************************/
/* MENU DU BAS */
#menu-bas{
	line-height: 25px;
	height: 25px;
	text-align: center;
	color: #56606D;
	border: solid #DCDCDC 1px;
	margin: 2px 20px 0px 20px;
}
#menu-bas a{
	font-size: 10px;
	color:#56606D;
}
#menu-bas a:hover{
	color:black;
}

/*******************************************************/
/* COPYRIGHT */
#copyright{
	text-align:center;
	height: 25px;
	line-height: 25px;
	color: #48BCEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#copyright a{
	font-size: 11px;
	color:#48BCEB;
}
#copyright a:hover{
	color:#000000;
}

/* End of 'commun' */