/*------------ Couleurs ----------*/
/*

border: 1px solid green;
*/


/*---------------------------- ELEMENT COMMUN ----------------------------*/
body
	{
	padding: 0;
	margin: 0;

	font-family: Arial, Helvetica;
	font-size: 14px;
	color: #000;
	text-align: left;

	background-color: #FFF;		/* #007fb6; */
	}

form, p, h1, h2, h3, h4, ul, li, dl, dd, dt  {margin: 0; padding: 0;}
input, textarea, select
	{
	border-width: 1px;
	border-style: solid;
	color : #000000;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	}
.input_vide { border-width: 0px!important;}
.clr {clear: both;}
.red {color: #DD0404;}

a {color: #666666;}	/* bleu */
li {list-style: none;}
input:focus, a:focus{outline:none;}


/*---------------------------- PRE-HOME ----------------------------*/
#prehome_body
	{
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 650px;
	text-align: center;

	position: relative;
	}
#prehome_contener
	{
	width: 650px;
	height: 330px;
	background-image: url("prehome/home_bg.jpg");
	background-repeat: no-repeat;
	}
#prehome_main_content 
	{
	padding-top: 148px;
	padding-left: 138px;
	}
#prehome_main_content a {text-decoration: none!important;}
.prehome_fr, .prehome_eng
	{
	float: left;
	width: 180px;
	height: 103px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
.prehome_fr {background-image: url("prehome/fr.gif");}
.prehome_eng {background-image: url("prehome/eng.gif");}



/*---------------------------- MAIN + HEAD ----------------------------*/
.default
	{
	background-image: url("commun/bg.gif");
	background-repeat: repeat-x;
	}

#body
	{
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	text-align: left;

	position: relative;
	color: #666666;
	
	background-image: url("commun/bg.gif");
	background-repeat: no-repeat;
	}
#body strong
	{
	color: #000;
	}

#contener {width: 990px;}
#header {height: 128px;}
#logo
	{
	float: left;

	width: 260px;
	height: 102px;
	background-image: url("commun/logo.gif");
	background-repeat: no-repeat;
	}


/*---------------------------- menu_bottom ----------------------------*/
#menu_bottom
	{
	font-size: 12px;
	padding-top: 100px;
	text-align: center;
	}
#menu_bottom ul 
	{
	width: 830px;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	}
#menu_bottom li
	{
	float: left;
	}
#menu_bottom li.current a {text-decoration: underline;}
#menu_bottom a
	{
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 26px;
	line-height: 21px;
	font-weight: bold;
	color: #a9a9a9;
	}


/*---------------------------- menu_main ----------------------------*/
#menu_main
	{
	font-size: 12px;
	float: right;
	width: 353px;
	}
#menu_main ul {padding-top: 15px;}
#menu_main li
	{
	height: 26px;
	/*width: 289px;*/
	background-image: url("commun/menu_main_off.gif");
	background-repeat: no-repeat;
	}
#menu_main li.current {background-image: url("commun/menu_main_on.gif");}
#menu_main a
	{
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 26px;
	line-height: 21px;
	font-weight: bold;
	white-space: nowrap;
	}


/*---------------------------- menu_top ----------------------------*/
#menu_top
	{
	font-size: 12px;
	height: 25px;
	width: 990px;
	}
#menu_top ul
	{
	width: 990px;
	}
#menu_top li
	{
	float: left;
	padding-left: 25px;
	padding-right: 20px;
	text-align: center;
	}
#menu_top a
	{
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
	}
#menu_top li.current a 
	{
	display: block;
	padding-left: 45px;
	padding-right: 25px;
	background-image: url("commun/menu_top_bg2.gif");
	background-repeat: no-repeat;
	}


/*---------------------------- ELEMENT MAIN ------------------------------*/
#main_content {margin-top: 20px;}


/*---------------------------- ELEMENT 2 COLONNES (Sous-pages) ------------------------------*/
#content_2col
	{
	width: 900px;
	}
#content_2col #colLeft		{float: left; width: 277px;}
#content_2col #colNormal	
	{
	float: right; 
	width: 600px;
	line-height: 22px;
	}

/*
<div class="Titre_print">
	<div id="TitrePage">sous titre</div>
	<div class="print-version"><a href=""></a></div>
</div>
*/
.send_email
	{
	font-size: 13px;
	color: #ff7f00;
	text-align: right;
	}
.send_email a
	{
	font-size: 11px;
	color: #ff7f00;
	}

.Titre_print
	{
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 15px;

	border-bottom: 2px solid #d9d9d9;
	}

#TitrePage
	{
	float: left;

	color: #ff7f00;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
.print-version
	{
	float: right;
	height: 17px;
	width: 76px;
	}




/*----------------------------- VERSION imprimable (print.html) -----------------------------*/
.body_print h1
	{
	padding-top: 15px;
	font-size: 15px;
	}
.print_body
	{
	margin-top: 15px;
	}

#print_menu
	{
	position: absolute;
	left: 600px;
	top: 15px;
	text-align: left;
	}
#print_menu ul {font-size: 12px; }
#print_menu li {padding-bottom: 5px;
	padding-left: 20px;}

.m-print
	{
	background-image: url("printer.gif");
	background-repeat: no-repeat;
	}



/*---------------------------- ELEMENT BOTTOM ----------------------------*/
#copyright
	{
	padding-top: 50px;
	padding-bottom: 15px;
	text-align: center;
	font-size: 10px;
	}



/*---------------------------- FORMULAIRE DE CONTACT ----------------------------*/
.table-contact table th
	{
	text-align: right;
	font-weight: normal;
	padding-right: 5px;
	}
.table-contact table th, .table-contact table td
	{
	font-size: 12px;
	padding-top: 5px;
	}
span.mandatory
	{
	color: red;
	}
p.mandatory
	{
	display: block;
	padding-top: 10px;
	color: red;
	}
.contact-post-message
	{
	padding-top: 15px;
	color: #666666;
	text-align: center;
	line-height: 20px;
	}

.table-contact input, .table-contact textarea
	{
	border: 1px solid #8c8c8c;
	}

.input_valid
	{
	color: #FFF!important;
	text-transform: uppercase;
	font-weight: bold;	

	border: 1px solid #8c8c8c;
	height: 24px;
	background-image: url('commun/bloc-orange.gif');
	background-repeat: repeat-x;
	}