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

body {
	background:#FFF;
	margin:0px 0px 0px 0px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
}

#container {
	margin:0px auto;
	width:1000px;
	height:auto;
	background:url(../images/backgr_container.jpg) top center repeat-y;
}

#erreur {
	color:#F00;
}

#container table {
	/*width:980px;*/
	margin:0 auto;
}

#top {
	background:#ff9900;
	height:auto;
	text-align:center;
	vertical-align:middle;
}


/*     DESIGN FORMULAIRE      */

#stepform label
{
	display:block;
	width:150px; /* taille variable */
	float:left;
}


#stepform input
{
    margin-bottom: 5px;
}
/*    FIN DESIGN FORMULAIRE      */


#header {
	background:url(../images/backgr_header.jpg) bottom right no-repeat;
	height:170px;
	border-bottom:1px dashed #CCC;
	margin:0px 0px 0px 0px;
}

#languages {
	height:auto;
	vertical-align:top;
}

#languages ul {
	float:right;
	margin:0px 0px 0px 0px;
}

#languages li {
	list-style:none;
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -3px;
}

#tagline {
	height:30px;
	/*text-align:center;*/
	padding:0px 0px 0px 10px;
	vertical-align:middle;
}

#tagline-2 {
	height:50px;
	vertical-align:top;
	padding:0px 0px 0px 0px;
}
/*
#navigation {
	height:30px;
	vertical-align:bottom;
}

#navigation ul {
	width:920px;
	margin:0 auto;
	padding:20px 0 0 0;
}

#navigation li {
	list-style:none;
	display:inline;
	padding:0 15px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

#navigation a:link, #navigation a:visited {
	color:#06C;
	text-decoration:none;
}

#navigation a:hover {
	color:#F60;
	text-decoration:none;
}
*/
#footer {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/backgr_footer.jpg) top left no-repeat;
	height:150px;
	text-align:center;
	vertical-align:top;
}

#footer p {
	font-size:12px;
	color:#FFF;
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#footer ul {
	margin:15px auto;
}

#footer li {
	list-style:none;
	display:inline;
	padding:0px 20px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

#footer a:link, #footer a:visited {
	color:#666;
	text-decoration:none;
}

#footer a:hover {
	color:#F60;
	text-decoration:none;
}

#footer-credits {
	margin:-70px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#column-right {
	width:217px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

#bord_remise a, #navigation a {
	color:#06C;
	text-decoration:none;
}

#bord_remise a:hover, #navigation a:hover {
	color:#F60;
	text-decoration:none;
}

#column-right table {

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: none;
}
#column-right table p {

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: none;
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: justify;
}

.column-right_title {
	width:215px;
	height:25px;
	background:#fff;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#666;
	text-indent:10px;
background:url(images/content-box_right-top.png)no-repeat;
}
.column-right_content{
	width:215px;
	height:25px;
	background:#fff;

border-right:1px solid #BDBDBD;
border-left:1px solid #BDBDBD;
}
.column-right_bottom{
	width:215px;
	height:25px;
	background:#fff;
background:url(images/content-box_right-bottom.png)no-repeat;
}

.column-right_content {
	width:215px;
	height:auto;
	text-align:right;
	padding:5px 5px 5px 0;
}

.column-right_brevestitle {
	width:215px;
	height:25px;
	background:#f3f3f3;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#666;
	text-indent:10px;
	border-top:1px dashed #CCC;
}

.column-right_brevescontent {
	width:215px;
	height:auto;
	text-align:justify;
	padding:5px 5px 5px 0;
}

.column-right_brevescontent a:link, .column-right_brevescontent a:visited {
	color:#666;
	text-decoration:none;
	font-size:12px;
}

.column-right_brevescontent a:hover {
	color:#F60;
	text-decoration:underline;
}

.column-right_brevescontent p {
	width:200px;
	margin:0 auto;
	padding:5px 0 5px 0;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#blockcontent {
	width:760px;
	height:auto;
	vertical-align:top;
}

#blockcontent table {
	width:760px;
}

#blockcontent-content table {
	width:366px;
}

#blockcontent-content table table {
	width:350px;
	margin:0 auto;
}

#column-left {
	width:232px;
	margin:0 0 0 0;
	vertical-align:top;
}

#column-left table {
	width:232px;
	margin:0 0 0 0;
}

#column-left_top {
	width:232px;
	height:23px;
	background:url(../images/leftbox_top.jpg) top left no-repeat;
	font-size:12px;
	text-indent:10px;
	font-style:italic;
	font-weight:bold;
	line-height:18px;
	color:#666;
}

.column-left-titles {
	background:#f3f3f3;
	height:25px;
	font-size:12px;
	text-indent:7px;
	font-style:italic;
	font-weight:bold;
	line-height:18px;
	color:#666;
}

#column-left-content {
	background:url(../images/leftbox_content.jpg) top left repeat-y;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}

#column-left-content table {
	width:225px;
	margin:3px auto;
}

#column-left-content a:link, #column-left-content a:visited {
	color:#666;
	text-decoration:none;
}

#column-left-content a:hover {
	color:#F60;
	text-decoration:none;
}

.column-left-content_input {
	border:1px solid #CCC;
	width:150px;
	height:20px;
	color:#666;
}

.column-left-content_menu {
	width:180px;
	height:20px;
	color:#666;
}

#flash {
	width:525px;
	vertical-align:top;
}

#flash table {
	width:525px;
}

#flash-top {
	height:25px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	background:#0066cc;
}

.contentbox {
	width:366px;
	height:auto;
}

.contentbox-top {
	background:url(../images/contentbox_top.jpg) top left no-repeat;
	height:29px;
	width:366px;
	text-align:left;
	text-indent:10px;
	line-height:20px;
}

.contentbox-content {
	background:url(../images/contentbox-content.jpg) repeat-y;
	vertical-align:top;
	max-height:160px;
}

.contentbox-content table {
	width:300px;
	margin:0 auto;
	max-height:160px;
	overflow:hidden;
	border-top:1px solid #999;
	padding:5px;
}

.contentbox-editorial table {
	width:300px;
	margin:0 auto;
	max-height:160px;
	overflow:hidden;
	border-top:1px solid #C00;
}

.contentbox-contenttop {
	border-top:1px solid #999;
	height:2px;
}

.contentbox-editorialtop {
	border-top:1px solid #C00;
	height:2px;
}

.photos {
	border:5px solid #CCC;
}

.contentbox-content table p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	text-align:justify;
}

/* elements */

.spacer {
	height:10px;
}

.button-orange_med {
	color:#FFF;
	width:101px;
	height:25px;
	text-align:center;
	font-size:14px;
	font-style:italic;
	background:url(../images/button_orange-med.jpg) top left no-repeat;
	display:block;
	line-height:14px;
}

.button-orange_med a, .button-orange_med a:link, .button-orange_med a:visited, .button-orange_med a:hover {
	color:#FFF;
	text-decoration:none;
}

.button-orange_med:hover {
	background:url(../images/button_orange-medhover.jpg) top left no-repeat;
	display:block;
	color:#FFF;
}
.button-orange_med:hover a, .button-orange_med:hover a:hover {
	color:#FFF;
}

.button-orange_small {
	color:#FFF;
	width:56px;
	height:22px;
	text-align:center;
	font-size:14px;
	font-style:italic;
	background:url(../images/button_orange-small.jpg) top left no-repeat;
	display:block;
	line-height:18px;
}

.button-orange_small a, .button-orange_small a:link, .button-orange_small a:visited, .button-orange_small a:hover {
	color:#FFF;
	text-decoration:none;
}

.button-orange_small:hover {
	background:url(../images/button_orange-smallhover.jpg) top left no-repeat;
	display:block;
	color:#FFF;
}
.button-orange_small:hover a, .button-orange_small:hover a:hover {
	color:#FFF;
}


.buttonplus {
	float:right;
	margin:0px 10px 0px 0px;
}

.floatright {
	float:right;
	margin:0px 5px 0px 0px;
	padding:5px 0px 5px 0px;
}

.boxfloat-left {
	float:left;
	margin:2px 0px 0px 4px;
}

.boxfloat-right {
	float:right;
	margin:2px 4px 0px 0px;
}

.clear {
	clear:both;
}

.titles {
	background:#F90;
	height:20px;
	text-indent:10px;
	color:#FFF;
	font-size:14px;
}

.content {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.content p {
	/*width:95%;*/
	/*text-align:justify; */
	margin:0px 0px 0px 0px;
	padding:3px 3px 0px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.content-listing {
	width:714px;
	/*height:auto;*/
	margin:10px auto;
	padding:0px 0px 5px 0px;
	border-bottom:1px dashed #333;
}

.content-listing p {
	width:98%;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.content-listing_footer {
	background:url(../images/pagelisting_footer.jpg) top left no-repeat;
	width:714px;
	height:34px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#333;
	margin:-5px auto;
}
.content-listing_footer p {
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

.content-listing_footer a:link, .content-listing_footer a:visited {
	color:#333;
	text-decoration:none;
}

.content-listing_footer a:hover {
	color:#FFF;
	text-decoration:underline;
}

/* texte */
h1 {
	font-size:14px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-style:italic;
	font-weight:bold;
	color:#FFF;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-style:italic;
	font-weight:normal;
	color:#FFF;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin:30px 0px 0px 410px;
	padding:0px 0px 0px 0p;
	font-style:italic;
	font-weight:normal;
	color:#FFF;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000;
	font-style:italic;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
}

.small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.grey-light {
	color:#666;
}

.grey-light a:link, .grey-light a:visited {
	color:#666;
	text-decoration:none;
}

.grey-light a:hover {
	color:#F60;
	text-decoration:none;
}

a.link-ref{
color:#666666;
}

a.link-ref:visited{
color:#666666;
}

a.link-ref:hover{
color:#666666;
font-weight:none;
}

/* /////////////////// NOUVEAUX ELEMENTS ////////////////////// */

.form_step {
	width:240px;
	height:74px;
	text-align:center;
	vertical-align:middle;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
}

.form_step p {
	width:200px;
	height:auto;
	margin:18px auto;
	padding:0 0 0 15px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}

#form_step1 {
	background:url(../images/form_step1.jpg) top left no-repeat;
	display:block;
	color:#666;
}

#form_step1-selected {
	background:url(../images/form_step1-selected.jpg) top left no-repeat;
	display:block;
	color:#FFF;
}

#form_step2 {
	background:url(../images/form_step2.jpg) top left no-repeat;
	display:block;
	color:#666;
}

#form_step2-selected {
	background:url(../images/form_step2-selected.jpg) top left no-repeat;
	display:block;
	color:#FFF;
}

#form_step3 {
	background:url(../images/form_step3.jpg) top left no-repeat;
	display:block;
	color:#666;
}

#form_step3-selected {
	background:url(../images/form_step3-selected.jpg) top left no-repeat;
	display:block;
	color:#FFF;
}

#form_step1 p, #form_step2 p, #form_step3 p {
	color:#666;
}

#form_step1-selected p, #form_step2-selected p, #form_step3-selected p {
	color:#FFF;
}

#form-box {
	width:760px;
	height:auto;
	padding:0 0 0 0;
}

#form-box table {
	width:700px;
	padding:5px;
}

#form-box_content {
	background:url(../images/form_content.jpg) repeat-y;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

#form-box_content input {
	border:1px solid #CCC;
	background:#FFF;
	height:15px;
}

/* /////////////////// FIN NOUVEAUX ELEMENTS ////////////////////// */



/* MAX */
/* menu */
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {height: 30px; position:relative; vertical-align:top; z-index:100; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; font-weight:bold; text-align: left;}
.menu ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; text-align: left;}
.menu ul li {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position:relative; z-index:100000; color:#FFF; list-style: none; text-align: left;}
.menu ul li a, .menu ul li a:visited {overflow:hidden; padding:0px 0px 0px 0px; color:#06C; text-decoration:none; text-align: left;}
.menu ul li ul {background-image: url(../images/fond_ul2.png); background-repeat: no-repeat;width:250px; padding:10px 0px 0px 0px;margin:0px 0px 0px 0px;display: none;z-index:1000; text-align: left;/*border-left: 1px dashed #06C;border-right: 1px dashed #06C;border-top: 1px dashed #06C;border-bottom: 1px dashed #999999;*/}
.menu ul li ul li {padding:0px 0px 0px 0px; margin:0px 0px 0px 3px; width:240px; float:left; text-align: left;border-bottom: 1px dashed #999999;/*border-left: 1px dashed #999999;border-right: 1px dashed #999999;*/}
/*.menu ul li ul li a {width:150px; height:auto; }*/

.menu ul li ul table {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  /*background-color: #FFFFFF;*/
  width: 250px;
  /*float:left;*/
  /*text-align: left;*/
}
.menu ul li ul table td {
  padding: 0px 0px 0px 0px;
  margin: 3px 0px 0px 3px;
  height: 20px;
  width: 250px;
  /*float:left;*/
  /*text-align: left;*/
}

.menu ul li ul table td ul {
  display:none;
  position: absolute;
}


/* specific to non IE browsers */
.menu ul li:hover a {color:#F60; text-decoration:none;}
.menu ul li:hover ul table {color:#06C; text-decoration: none;font-size:12px;}
.menu ul li:hover ul table a {color:#06C; text-decoration: none;font-size:12px;}
.menu ul li:hover ul table a:hover {color:#F60; text-decoration: none;}
.menu ul li:hover ul {display:block; position:absolute; top:15px; left:0px;}
/*.hide { margin-left: 30px;} */
/*.menu ul li:hover ul li a.hide {background:#FFFFFF; color:#FFFFFF;}
.menu ul li:hover ul li:hover a.hide {background:#FFFFFF; color:#FFFFFF;}*/
.menu ul li:hover ul li ul {display: none;}
/*.menu ul li:hover ul li a {display:block; background:#FFFFFF; color:#FFFFFF;}  */
.menu ul li ul li a:hover {background:none; color:#F60;}
.menu ul li ul li ul {display:none;}
.menu ul li ul li:hover ul {display:block; position:absolute; left:239px; top:-8px; z-index: 100001;}
/*.menu ul li ul li:hover ul.left {left:0px;} */

/*.submenu {width:300px; height:auto; font-weight: normal;} */

.menu ul li ul table td a {
  color: #820023;
  text-decoration: none;
}
.menu ul li ul table td a:hover {
  color: #820023;
  text-decoration: underline;
}

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

#menu_ul_6 li:hover a {color:#F60; text-decoration:none;}
#menu_ul_6 li:hover ul table {color:#06C; text-decoration: none;font-size:12px;}
#menu_ul_6 li:hover ul table a {color:#06C; text-decoration: none;font-size:12px;}
#menu_ul_6 li:hover ul table a:hover {color:#F60; text-decoration: none;}
#menu_ul_6 li:hover ul {display:block; position:absolute; top:15px; left:0px;}
#menu_ul_6 li:hover ul li ul {display: none;}
#menu_ul_6 li ul li a:hover {background:none; color:#F60;}
#menu_ul_6 li ul li ul {display:none;}
#menu_ul_6 li ul li:hover ul {display:block; position:absolute; left:-245px; top:-8px; z-index: 2000; width: 250px;}

/*#menu_ul_5 ul li ul {padding:4px 0px 0px 0px;display: none;z-index:1000;border-bottom: 1px solid #820023;}
#menu_ul_5 ul li ul li {padding:0px 0px 0px 0px;border-top: 1px solid #820023;border-bottom: 0px solid #820023;border-left: 1px solid #820023;border-right: 1px solid #820023;}
*/
/******************/

#nolink {
    color:#06C;
	text-decoration:none;
	cursor: pointer;
}

#no_link {
  color: #06C;
}
#no_link2 {
  color: #06C;
  cursor: pointer;
}


/*.submenu {width:300px; height:auto;}*/
/* fin menu */

#div_acces_rapide {
	background: url(../images/acces_rapide.jpg) top left no-repeat;
	width: 180px;
	min-height: 20px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	z-index: 98;
	position: absolute;
}
#div_acces_rapide_deroule {
	background-color: #FFFFFF;
    width: 172px;
	height: 200px;
    margin: 20px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	display: none;
	position: absolute;
	z-index: 99;
    overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #7F9DB9;
}
#div_acces_rapide:hover {
	background-image:url(../images/acces_rapide_hover.jpg);
}
#div_acces_rapide_deroule span {
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

#div_acces_rapide_deroule #rouge a{
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color:#ff9900;
	font-weight:bold;
}

#home_footer {
	/*margin:0 auto;*/
	width:920px;
	font-size:10px;
	font-weight: normal;
    color:#806666;
}
#home_footer a {
    color:#806666;
	text-decoration: none;
}
#home_footer a:hover {
    color:#806666;
	text-decoration: underline;
}

.blockcontent a {
	color:#06C;
	text-decoration:none;
}

.blockcontent a:hover {
	color:#F60;
	text-decoration:none;
}


/*defil*/
.defil {
    font-family:Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 11px;
}

.button-orange_defil {
    font-family:Georgia,"Times New Roman",Times,serif;
	color:#FFF;
	width:101px;
	height:25px;
	text-align:center;
	font-size:14px;
	font-style:italic;
	background:url(../images/button_orange-med.jpg) top left no-repeat;
	display:block;
	line-height:14px;
}

.button-orange_defil a, .button-orange_defil a:link, .button-orange_defil a:visited, .button-orange_defil a:hover {
	color:#FFF;
	text-decoration:none;
}

.button-orange_defil:hover {
	background:url(../images/button_orange-medhover.jpg) top left no-repeat;
	display:block;
	color:#FFF;
}
.button-orange_defil:hover a, .button-orange_defil:hover a:hover {
	color:#FFF;
}
/*Classe steps boutons*/
#stepBack{
vertical-align:top;
cursor: pointer;
}

#suivant{
position:relative;
top: 3px;
}

/*RSS Viewer*/
.rss_viewer{
font-size:11px;
text-align:justify;
}
.rss_viewer a{
color:#666666;
text-decoration:none;
}

.rss_viewer a:visited{
color:#666666;
text-decoration:none;
}

.rss_viewer a:hover{
color:#ff9900;
font-weight:none;
text-decoration:none;
}