@charset "utf-8";
/* CSS Document */

body {
	padding: 0px; margin: 0px;
	background: #000;
}
#global { /* Parametre du conteneur global du site web*/
	display: block; width: 960px;
	margin: auto; padding: auto;
	border: 1px solid #333;
}
/* ============================================================================== 
POSITIONNEMENT ET ALIGNEMENT
============================================================================== */
.pos_right { float: right;}
.pos_left { float: left;}
/* ============================================================================== 
NAVIGATION du site web
============================================================================== */
#nav_main { /* Conteneur du menu principal*/
	display: block; height: 69px; width: auto;
	margin: 0px; padding: 0px;
	background-image: url(../IMG/web_structure/navigation_main_fond.gif);
	background-repeat: repeat-x; background-position: top;
}
#nav {
 float: left;
 margin: auto; padding: 0;
 border: none;
}
#nav li a, #nav li {
 float: left;
}
#nav li {
 list-style: none;
 position: relative;
}
#nav li a {
 padding: 1em 1em 0px 1em;
 text-decoration: none;
 color: white;
 background-image: url(../IMG/btn/menu_off.gif);
 border-right: 1px solid #3c3c3c;
 border-left: 1px solid #292929;
 border-bottom: none; border-top: none;
}
#nav li a:hover {
 background-image: url(../IMG/btn/menu_on.gif);
}
/* Second niveau ================================================================*/
#nav li ul { 
	display: none; position:absolute; left:0; top: 100%;
	padding: 0px; margin: 0px;
}
#nav li:hover > ul{ 
	display: block; border: 1px solid #545454;
}
#nav li ul li, #nav li ul li a {
	display: block; float: none; width: auto; 
	color:#FFF; font-family: Verdana, Geneva, sans-serif; font-size: 14px;
	padding: 0px; margin:0px;
	background-image: url(../IMG/btn/menu_off.gif); background-position: 0px -15px;
}
#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 display: block; width: 250px; margin: 0px; padding: 6px 8px 6px 12px;
}
#nav li ul li a:hover {
 display: block; width: 250px; background-image: url(../IMG/btn/menu_on.gif);
 margin: 0px; padding: 6px 8px 6px 12px; color: #FF0;
}
/*================================================================*/
#nav_optionnel { /* Conteneur du menu optionnel*/
	display: inline-block; width: 310px;
	margin: 0px 10px 0px 0px; padding: 0px; background-color:#000;
}
#nav_optionnel a{ /* Conteneur du menu optionnel*/
	display: block; height: 60px; width: 270px;
	margin: 0px; padding: 0px 0px 0px 40px;
	color: #CCC; font-size: 20px; font-family: Verdana, Geneva, sans-serif; text-decoration: none; line-height: 310%;
	background-image: url(../IMG/btn/menu_optionnel_off.gif);
	background-repeat: no-repeat; background-position: left;
}
#nav_optionnel a:hover{ /* Conteneur du menu optionnel*/
	display: block; height: 60px; width: 270px;
	margin: 0px; padding: 0px 0px 0px 40px;
	color: #FF0; font-size: 20px; font-family: Verdana, Geneva, sans-serif; text-decoration: none; line-height: 310%;
	background-image: url(../IMG/btn/menu_optionnel_on.gif);
	background-repeat: no-repeat; background-position: left;
}
/* ============================================================================== 
HEADERS -- Logo & video
============================================================================== */
#headers {
	display: block; width: auto;
	margin: 0px; padding: 0px; background-position: 0px 0px;
}
#headers .video{ /* Conteneur du video*/
	display: block; float: right; width: 620px;
	margin: 30px 10px 0px 0px; padding: 0px;
	border: 3px solid #000;
	color: #666; text-align: center; background-color: #000; 
}
/* ============================================================================== 
CONTENEUR INFORMATIF
============================================================================== */
.info-bloc { /* Conteneur de texte*/
	margin: 0px; padding: 10px; width: auto; height: auto;
	background-image: url(../IMG/web_structure/info_fond.jpg);
	background-repeat: repeat-x; background-position: top; background-color: #000;
}
.info-bloc p{ /* parametres des paragraphes*/
	margin: 0px; margin-top: 1em; padding: 0px; color:#FFF; line-height: 150%;
	font-size: 11px; font-family: Verdana, Geneva, sans-serif;
}
.info-bloc a       { color:#F00; font-size: 11px; font-family: Verdana, Geneva, sans-serif;}
.info-bloc a:hover { color:#FF0; font-size: 11px; font-family: Verdana, Geneva, sans-serif; text-decoration:underline;}
/* ============================================================================== 
FOOTERS (pied de pages)
============================================================================== */
#footers { /* arriere-plan en dégrader*/
	padding: 0px; margin: 0px;
	background-color: #000; border-top: 1px solid #600;
	background-image: url(../IMG/web_structure/footers_fondglobal.gif);
	background-repeat: repeat-x; background-position: left;
}
.footers-rubrique{ /* boite contenant le rappel de menu en bas de page*/
	color: #FFF; padding: 0px; margin: 0px;
	background-image: url(../IMG/web_structure/footers_fondbox.jpg);
	background-color: #000; background-repeat: no-repeat; background-position: 0px 0px;	
}
ul.foot-rubrique{
	display: block; margin: 0px 0px ,75em 0px; padding: 10px 0px 0px 30px;
	list-style: disc; line-height: 15px;
}
ul.foot-rubrique li{
	font-size: 11px; font-family: Verdana, Geneva, sans-serif;
}
ul.foot-rubrique li a{
	color: #FFF; text-decoration: none;
	font-size: 11px; font-family: Verdana, Geneva, sans-serif;
}
ul.foot-rubrique li a:hover{
	color: #FF0; text-decoration: none;
	font-size: 11px; font-family: Verdana, Geneva, sans-serif;
}
/* Pub telephone */
#footers div.footers_message{
	display: inline-block; position: relative; float: right;
	width: 300px; padding: 0px; margin: 0px;  
	background-image: url(../IMG/web_structure/footers_qg.gif);
	background-repeat: no-repeat; background-position: top;	
}
#footers div.footers_message h5{
	display: block; margin: 0px; padding: 0px;
	color: #FF9; text-align: center;
	font-size: 24px; font-weight: 100; font-family: Verdana, Geneva, sans-serif;
}
#footers div.footers_message h6{
	display: block; margin: 0px; padding: 0px;
	color: #FF9; text-align: center;
	font-size: 28px; font-weight: 100; font-family: Verdana, Geneva, sans-serif;
}
#footers div.footers_message_en{
	display: inline-block; position: relative; float: right;
	width: 300px; padding: 0px; margin: 0px;  
	background-image: url(../IMG/web_structure/footers_qg_en.gif);
	background-repeat: no-repeat; background-position: top;	
}
#footers div.footers_message_en h5{
	display: block; margin: 0px; padding: 0px;
	color: #FF9; text-align: center;
	font-size: 24px; font-weight: 100; font-family: Verdana, Geneva, sans-serif;
}
#footers div.footers_message_en h6{
	display: block; margin: 0px; padding: 0px;
	color: #FF9; text-align: center;
	font-size: 28px; font-weight: 100; font-family: Verdana, Geneva, sans-serif;
}

/* ============================================================================== 
COPYRIGHTS (droits d'auteur)
============================================================================== */
#copyrights { 
	display: block; width: 960px;
	margin: auto; padding: auto;
	color: #999; font-size: 12px; font-family: Verdana, Geneva, sans-serif;
	background-image: url(../IMG/web_structure/copyrights_fondglobal.gif);
	background-repeat: repeat-x; background-position: top;
}
#copyrights span{ 
	display: block; margin: 4px; padding: 4px; width: 380px;
	text-align: center;
}
#copyrights span h1{ 
	display: block; padding: 0px; margin: 0px; margin-top: 15px;
	color: #CCC; font-size: 12px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; 
}
#copyrights span p{ 
	color: #999; font-size: 10px; font-family: Verdana, Geneva, sans-serif;
	font-style: italic; padding: 2px; margin-top: 0px;
}
#copyrights span p a{ 
	color: #CCC; font-size: 10px; font-family: Verdana, Geneva, sans-serif;
	font-style: italic; padding: 2px; margin-top: 0px;
}
#copyrights span p a:hover{ 
	color: #FF0; font-size: 10px; font-family: Verdana, Geneva, sans-serif;
	font-style: italic bold; padding: 2px; margin-top: 0px;
}