/* RESET
*******************************/

@import url(reset.css);


/* BODY
*******************************/

body
{

	background:url("../images/bg.gif");
	color		: #FFFFFF;
	font-family	: Trebuchet Ms, Arial, Helvetica, Sans;
	font-weight	: normal;
	font-size	: 12px;	
	margin		: 0px 0px 20px 0px;
	padding		: 0px;
	
}

#body-box
{
	
	width	: 840px;


}

#body-wrap
{

	text-align	: left;
	width		: 840px;


}

/* LINKS
*******************************/

a:link,
a:visited,
a:active
{

	color			: #640707;
	text-decoration	: none;

}

a:hover
{

	color			: #640707;
	text-decoration	: underline;

}

/* BANNER
*******************************/

#banner
{

	height	: 223px;	
	width	: 840px;	

}

/* CONTENT
*******************************/

#content
{

	background	: url(../images/bg_content.gif) repeat-y;
	color		: #3B3B3B;
	font-family	: Trebuchet Ms, Arial, Helvetica, Sans;
	font-weight	: normal;
	font-size	: 12px;	
	padding		: 30px;
	width		: 780px;
	border-top: 5px solid #272a2c;

	
}








#content #main
{

	float	: right;
	margin	: 0px 30px 0px 0px; 
	width	: 450px;

}





#content #side
{

	float	: right;
	width	: 300px;

}

/* TIPS
*******************************/
.tips{
clear:both;
}

.tips .box_img
{

	width:120px;
	margin	: 15px 0px 5px 0px;
	vertical-align:middle;
	align: middle;
	float:left;
	height:60px;

}

.box_img2
{
	width:120px;
	vertical-align:middle;
	align: middle;
	float:right;
	height:60px;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.tips .box_txt
{

	width:175px;
	height:45px;
	text-align:left;
	padding:15px 0px 0px 5px;
	float:right;
	margin	: 15px 0px 5px 0px;
	vertical-align:middle;

}

.tips .box_txt img
{

	margin	: 0px 5px 0px 5px;
	text-align:middle;

}

/* FOOTER
*******************************/

#footer
{
	
	background	: #FFFFFF url("../images/bg_footer.gif") no-repeat;	
	padding		: 10px;
	margin		: 0 7px 0 0;
	height		: 60px;
	width		: 820px;

}

#footerLeft
{
	
	background	: #FFFFFF url("../images/logos_bas.gif") no-repeat;	
	float: left;
	width:400px;
	height:60px;
}

#footerRight
{
	
	float: right;
	width:250px;
	height:60px;
	margin-right:45px;
}

#footerRight a{
display:block;
height:60px;
width:200px;
float:right;
text-decoration:none;
background:#FFFFFF url("../images/logo_unid.gif") top right no-repeat;
}



#footer
{

	margin	: 0 10px 10px  0px;

}

/* SPLASH SCREEN
*******************************/

#splash
{

	background	: #FFFFFF url(../images/bg_splash.gif) no-repeat;
	color		: #3B3B3B;
	font-family	: Trebuchet Ms, Arial, Helvetica, Sans;
	font-weight	: normal;
	font-size	: 11px;	
	line-height	: 12px;
	margin		: 120px 0px 0px 0px;	
	height		: 375px;
	width		: 872px;

}

#splash #side
{

	float	: left;
	width	: 356px;

}

#splash #main
{

	float	: right;
	width	: 516px;

}

#splash #box_btn
{

	position	: relative;
	left		: 40px;
	top			: 250px;

}

#splash #box_gouv
{

	position	: relative;
	left		: 300px;
	top			: 200px;

}

#splash #box_unid
{

	position	: relative;
	left		: 290px;
	top			: 228px;

}

#hid_text
{

	color : #202325;

}

/* GENERAL STYLES
*******************************/

.fft {font-family:Tahoma,Arial,Helvetica,sans-serif;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f21 {font-size:21px;}
.f24 {font-size:24px;}
.f30 {font-size:30px;}

.fwn {font-weight:normal;}
.fwb {font-weight:bold;}

.fsi {font-style:italic;}
.fdu {text-decoration : underline;}

.fcg {color : green; }
.fcr {color : #CC3400; }

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}

.p0  {padding:0px;}
.pt0 {padding-top:0px;}
.pr0 {padding-right:0px;}
.pb0 {padding-bottom:0px;}
.pl0 {padding-left:0px;}

.p5  {padding:5px;}
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}

.p10  {padding:10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.p15  {padding:15px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}

.pv5  {padding : 5px  0px 5px  0px; }
.pv10 {padding : 10px 0px 10px 0px; }
.pv15 {padding : 15px 0px 15px 0px; }

.mb15 {margin-bottom : 15px}
.mb20 {margin-bottom : 20px}

.fl {float:left;}
.fr {float:right;}
.fn {float:none;}
.fm {float:middle;}

.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

p
{

	text-align	: justify;

}




#boxmenu{
	margin				:0;
	padding				:0;
	width				:840px;
	height				:30px;
	background:url(../images/bg_menu.gif);
	border-bottom: 5px solid #272a2c;
	
	
}



#menu{
	margin				:0;
	padding				:0;
	list-style-type		:none;
	position			:absolute left 0 0;
	width				:840px;
	height				:30px;


}

#menu li{
	padding				:0px 0px;  /* Espacement du haut intérieur des boutons----*/
	margin				:0; /* Espacement entre les boutons de menu----*/
	height				:30px; /* hauteur du bouton---*/
	float				:left; /* permettre l'allignement horizontale du menu---*/
	background			:url(img/menu/bg_menu.gif) no-repeat; /* images d'arrière-plan du bouton---*/
	font-family			:Trebuchet MS, Lucida Grande, Helvetica; /* police de caractère---*/
	color				:#FFF;
	font-weight			:bold;

}



#menu li.coll a{
	display				:block;
	font-size 			:12px; /* grandeur de la police---*/
	text-decoration		:none; /* Enleve les liens soulignés----*/
	color				:#282828; /* Couleur du texte----*/
	width				:95px; /* largeur du bouton----*/
	height				:30px; /* hauteur du bouton---*/
	line-height			:30px;
	color				:#FFFFFF;
	text-align			:center;
}

#menu li.coll a:hover{
	color:#272a2c;
}




#menu li a{

	display				:block;
	font-size 			:12px; /* grandeur de la police---*/
	text-decoration		:none; /* Enleve les liens soulignés----*/
	color				:#282828; /* Couleur du texte----*/
	width				:90px; /* largeur du bouton----*/
	height				:30px; /* hauteur du bouton---*/
	line-height			:30px;
	color				:#FFFFFF;
	text-align			:center;

}

#menu li a:hover{
	color:#272a2c;

}

#menu li.langue {
width				:42px; /* largeur du bouton----*/
}

#menu li.langue a{
background-color:#e5c36f;	
width				:42px; /* largeur du bouton----*/
color:#000000;

}

#menu li.langue a:hover{
background-color:#e5c36f;	
width				:48px; /* largeur du bouton----*/
color:#FFF;
}


#menu li.wdth50 a{
width				:59px; /* largeur du bouton----*/
}

#menu li.wdth60 a{
width				:69px; /* largeur du bouton----*/
}

#menu li.wdth70 a{
width				:79px; /* largeur du bouton----*/
}

#menu li.wdth75 a{
width				:85px; /* largeur du bouton----*/
}

#menu li.wdth80 a{
width				:88px; /* largeur du bouton----*/
}

#menu li.wdth90 a{
width				:95px; /* largeur du bouton----*/
}

#menu li.wdth100 a{
width				:108px; /* largeur du bouton----*/
}

#menu li.wdth105 a{
width				:113px; /* largeur du bouton----*/
}




ul#menu ul {  margin:0; border:0 none; padding:0; width:150px; display:none; position:absolute; }

ul#menu ul li {  float:none;display:block;display:inline;}

ul#menu li:hover li a, ul#menu li.iehover li a {  float:none; background:#e4e9f2; color:#272a2c; width:150px; height:25px; border-bottom:1px solid #FFF; padding-left:5px;}

ul#menu li:hover li a:hover, ul#menu li:hover li:hover a, ul#menu li.iehover li a:hover, ul#menu li.iehover li.iehover a {
color:#272a2c;
}



ul#menu li ul li {  float:none; background:#FFF; font-size:12px; color:#272a2c; width:150px; height:25px; margin:0; font-weight:bold;}

ul#menu li ul li a {  line-height:25px; text-align:left;}

ul#menu li ul li a:hover {  line-height:25px; font-size:12px; text-align:left; background:#FFF; }

ul#menu li:hover ul ul, ul#menu li:hover ul ul ul, ul#menu li.iehover ul ul, ul#menu li.iehover ul ul ul {  display:none;}

ul#menu li:hover ul, ul#menu ul li:hover ul, ul#menu ul ul li:hover ul, ul#menu li.iehover ul, ul#menu ul li.iehover ul, ul#menu ul ul li.iehover ul {  display:block;}