/* Edit */
body {background:url(img/degrade_noir.png) repeat-x left top; font-family:verdana, helvetica, sans-serif; text-align:center;  font-size: 11px; color: #183152; padding:5px;}
.global {width:900px; background-color:#ffffff; border: 1px solid gray; text-align:left;}
a {color:#9f3369; text-decoration:none;}
a:hover {color:#de9abc;}

/* Do not edit */
body {margin:0;}
.global {margin:auto; position:relative; overflow:hidden} 



/*******************************************************************
                                           EDITOR  
********************************************************************/

p {margin: 0 0 20px 0; text-align:justify;}												/*Paragraphe*/
 {font-size: 14px; font-weight: bold; color: purple;}
 {font-size: 12px; font-weight: bold; color: purple;}

h1, .form_title {margin: 20px 0 40px 0; text-align:center; font-weight: bold; font-size: 20px;}  		/* Titre Page*/
h2 {margin: 20px 0 0 0; text-align:left; font-weight: bold; font-size: 18px;}							/* Titre 1*/
h3, .form_subtitle {font-weight: bold; font-size: 16px;}													/* Titre 2*/
h4 {margin: 80px 0 80px 0; text-align:center; font-weight: bold; font-size: 32px;} 						/*Pleine Page*/
h5 {font-weight: bold; text-decoration: underline;font-size: 11px;}										/* Entête 1*/
h6 {font-weight: bold;font-size: 11px;}																	/* Entête 2*/

li {margin-left: 35px; text-align:left;}																	/*bullet points*/

.petit {font-size: 10px;}																				/*Plus Petit*/
.grand {font-size: 14px; font-weight:bold;}																/*Plus Grand*/
.surligne {background-color: yellow;}																	/*Surligne*/



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

.banner{background:url(img/banner11.png) no-repeat left top; margin: 0 0 0 0; width:900px; height:120px;}

/* Do not edit */
.banner{float:left; position:relative;}



/*******************************************************************
                                           MARQUEE 
********************************************************************/

#marquee {width:100%;color:purple;}




/*******************************************************************
                                           COLUMNS 
********************************************************************/

/* edit */
#column_left {width:130px; margin: 0px 0px 0px 5px;}
#column_middle {width:730px; margin: 0px 0px 0px 20px;}
#column_right {width:130px; margin: 0px 0px 0px 10px;}

/* Do not edit */
#column_left, #column_right, #column_middle {position:relative; float:left; overflow:hidden;}
.fck {background-image:none; overflow:auto; padding:0px; margin:0px;}	/*Must be after global and #column_middle*/




/*******************************************************************
                                           MODULES 
********************************************************************/

/* edit */
.module_top        {background: url("img/top.png") no-repeat left top; width:130px;height:20px;font-size:12px;font-weight:bold;text-align:center;padding-top:3px}
.module_middle {background: url("img/middle2.png") repeat-y left top; width:130px;min-height:100px;height:auto !important;height:100px;font-size:11px;text-align:center;padding:6px 6px 0 0px;margin-top:-3px}
.module_bottom {background: url("img/bottom2.png") no-repeat left top; width:130px;height:6px; margin-bottom:10px}

/* Do not edit */
.module_top, .module_middle, .module_bottom {position:relative; float:left; overflow:hidden;}
.module_bottom {font-size:1px;}




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

/* edit */
.footer {width:900px; background-color:#000000; color:#ffffff; padding:10px; font-size:12px; margin-top:10px; float:left; text-align:center;}
.footer  a {color:#de9abc;}
.footer  a:hover {color:#9f3369;}
.dp {text-align: right; width: 920px; font-size: 8px; margin-bottom:10px;}
.dp a {font-size: 8px;}

/* Do not edit */
.footer {float:left; position:relative}
.dp {float:left; position:relative}



/*******************************************************************
                                            MENU HORIZONTAL
********************************************************************/

/* edit */

#menu {height:42px; font-size:10px;font-weight:bold}
/*#menu dl, #menu ul {width: 160px;}*/
#menu dt, #menu li {text-align: center; background-color:#183152; text-align:center; width:100%;}
#menu dd {background-color: #ffffff; width:112px;}
#menu li a, #menu dt a {color:#ffffff; padding-top:3px; padding-left:5px;  height: 25px; border: 1px solid white;}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {color:#9f3369;background-color: #de9abc;}

#menu0 dt, #smenu0 li {background-color:#040317;}
#menu1 dt, #smenu1 li {background-color:#C9001A;}
#menu2 dt, #smenu2 li {background-color:#453834;}
#menu3 dt, #smenu3 li {background-color:#999087;}
#menu4 dt, #smenu4 li {background-color:#453834;}
#menu5 dt, #smenu5 li {background-color:#1F2A36;}
#menu6 dt, #smenu6 li {background-color:#040317;}


/* Do not edit */
#menu {clear:both; position:relative; z-index:100; width:100%;}
#menu dl {margin:0px; padding:0px; float: left;}
#menu dt {cursor: pointer; margin: 0 1px 0 1px;}
#menu dd {margin: 0px; padding:0px; display: none; position:absolute; z-index:100;}
#menu ul {margin: 0px; padding:0px;}
#menu li {margin: 1px; padding:0px; list-style-type: none;}
#menu li:first-child {margin-top: 0px;}
#menu li a, #menu dt a {text-decoration: none; display: block; background-position: 120px 2px;  background-repeat: no-repeat;}




/*******************************************************************
                                            MENU  VERTICAL
********************************************************************/

/* edit */
#menu_v {left:15px; font-size: 12px;}
#menu_v dl {width:130px; font-weight:bold;}
#menu_v dt, #menu_v li {text-align: center; background-color: #660033;}
#menu_v dd {margin-left:130px; }
#menu_v ul {width:130px;}
#menu_v li a, #menu_v dt a {padding-top:3px; padding-left:5px; color: #ffffff;  height: 16px; border: 1px solid white;}
#menu_v li a:hover, #menu_v li a:focus, #menu_v dt a:hover, #menu_v dt a:focus {color:red;}


/* Do not edit */
#menu_v {position:absolute; width: 140px; z-index:99;}
#menu_v dl {margin: 0px; padding:0px; float:left;}
#menu_v dt {cursor: pointer; margin: 0px 0 0px 0;}
#menu_v dd {background-color: #ffffff; margin-top: -21px; padding:0px; display: none; position:absolute;}
#menu_v ul {margin: 0px; padding:0px;}
#menu_v li {margin: 0px; padding:0px; list-style-type: none;}
#menu_v li a, #menu_v dt a {text-decoration: none; display: block; background-position: 120px 2px;  background-repeat: no-repeat;}





/*******************************************************************
                                            MODULE MENU
********************************************************************/

.menu_module {font-size:12px;text-align:left;}
.menu_module  ul {margin:0px 3px 0px 2px; text-align: center; padding:0}
.menu_module li {font-size:12px;font-weight:bold; text-align: center; background-color: #9f3369; cursor: pointer; margin: 0px; padding:0px; list-style-type: none;}
.menu_module  li a {text-decoration: none; display: block; padding-top:3px; padding-left:5px; color: #f2d6e4;  height: 18px; border-bottom: 5px solid white;}
.menu_module  li a:hover {color:#9f3369;background-color: #de9abc;}




/*******************************************************************
                                            MODULE ACTUALITES
********************************************************************/

/* edit */
.newsbulle {background-color:#f2d6e4; color:#333333; border:1px solid #9f3369; text-align:justify; padding:5px;}

/* Do not edit */
.newsbulle {z-index:200;position:absolute; visibility:hidden; top:0; left:0; width:400px;}




/*******************************************************************
                                            RSS
********************************************************************/

.rss_title_main {padding-left:7px;font-size:18px; font-weight:bold}
.rss_description_main {padding-left:7px;margin:5px 0 30px 0}
.rss {margin:auto; margin-top:10px; padding:5px; background-color: #eeeeee; width:650px; margin-bottom:15px; border:2px outset #eeeeee;}
.rss_title {font-weight:bold; font-size:17px; }
.rss_date {font-weight:normal; font-size:11px; margin:5px 0 10px 0}
.rss_description {text-align:justify;font-size:12px;}




/*******************************************************************
                                            CAROUSEL
********************************************************************/

/* edit */
.carousel_container {width: 730px; height: 260px; margin: 0px auto;}
.carousel_container a  {color: #3E7C97 }
.carousel_container img {border: 0px; vertical-align: bottom;}

.carousel_hide_logo {background-color:#ffffff;}

/* Do not edit */
.carousel_container  {position:relative;}
.carousel_hide_logo {z-index:10;position:absolute;bottom:0px; left:0px; height:35px; width:31px;}



/*******************************************************************
                                            VIDEO
********************************************************************/

/* edit */
#carousel_container {margin: 0px auto;text-align:center;width:100%;}



/*******************************************************************
                                           ROUNDED CSS 
********************************************************************/

/* Edit */
.top_left {background: url("img/tl.png") no-repeat left top; width:10px; height:10px;}
.top_right {background: url("img/tr.png") no-repeat right top; width:10px; height:10px;}
.bottom_left {background: url("img/bl.png") no-repeat left bottom; width:10px; height:10px;}
.bottom_right {background: url("img/br.png") no-repeat right bottom; width:10px; height:10px;}

.top_main, .top_mi_largeur, .top_module {background: url("img/t.png") repeat-x left top; height:10px;}
.bottom_main, .bottom_mi_largeur, .bottom_module  {background: url("img/b.png") repeat-x left bottom; height:10px;}
.left_main, .left_mi_largeur, .left_module {background: url("img/l.png") repeat-y left top;}
.right_main, .right_mi_largeur, .right_module {background: url("img/r.png") repeat-y right top; left: -10px;}
.background_main, .background_mi_largeur, .background_module {background: url("img/bg.png") repeat left top; left:10px;}

.box_main {padding: 0px 10px 0 10px; width:800px;}
.box_mi_largeur {padding: 0px 10px 0 10px; width:290px;}
.box_module {padding: 0px 10px 0 10px; width:110px}

.container {width:950px;}
.top_main, .background_main, .bottom_main {width:905px;}
.left_main, .right_main , .container_main {width:925px;}
.top_mi_largeur, .background_mi_largeur, .bottom_mi_largeur {width:300px;}
.left_mi_largeur, .right_mi_largeur, .container_mi_largeur {width:320px;}
.top_module, .background_module, .bottom_module {width:110px}
.left_module, .right_module, .container_module{width:130px}

/* Do not edit */
.container,.container_main, .container_mi_largeur, .container_module {position:relative; float:left; overflow:hidden;}
.box_main, .box_mi_largeur .box_module {clear:both; float: left; position: relative; margin-left: auto; margin-right: auto;}

.top_left, .top_right, .bottom_left, .bottom_right {position:relative; float:left; font-size:1px;}
.top_main, .bottom_main , .top_mi_largeur, .bottom_mi_largeur, .top_module, .bottom_module {position:relative; float:left; font-size:1px;}
.left_main, .right_main, .background_main, .left_mi_largeur, .right_mi_largeur, .background_mi_largeur, .left_module, .right_module, .background_module {position:relative; float:left;}




/*******************************************************************
                                           DP UI 
********************************************************************/

/* Edit */
.dp_main {}
.bulle {font-weight:bold; background-color:#d6c8d6; color:#114477; border:2px solid white; text-align:justify;}
.ConfirmBox, .ChoiceBox, .MsgBox {padding:20px; background-color:#ffffff; color:#114477; border:2px solid purple;font-size:12px; font-weight:bold;}

.progression_bar_full  {border-width:2px; border-style:solid; border-color: #777777; background-color:#777777;}
.progression_bar_empty  {border-width:2px; border-style:solid; border-color: #777777;}

/*.news {width:500px; height:300px; margin:auto; font-weight:bold; color:#ffaa00; border: 2px solid purple;}*/


/* Do not edit */
.dp_main {position:relative; text-align:center; margin:auto}
.dp_main table {margin:auto;}
.bulle {z-index:200; position:absolute; visibility:hidden; top:0; left:0; width:300px;}
.ConfirmBox , .ChoiceBox, .MsgBox {z-index:200; position:absolute; visibility:hidden;}

#dp_transparent {z-index:198;position: absolute; top: 0px; left: 0px; visibility:hidden; background-color:black; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
#ombre {z-index:199;position:absolute; visibility:hidden; background-color:black; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
#dp_message_span {display:none;}




/*******************************************************************
                                           DP FORMS 
********************************************************************/

/* Edit */
.table_list_form {}

.form_text{font-size:12px; font-weight: bold; color: purple;}

.td_subtitle {font-weight:bold; text-align:left;}
.td_subtitle1 {font-weight:bold; text-align:left; border-bottom:1px solid purple;}

.td_header_by_col {font-weight:bold; text-align:right; padding-right:20px;}
.td_item_by_col {text-align:left;}
.td_button_by_col {padding-top:20px;}

.td_header_by_row {font-weight:bold; text-align:center; padding-bottom:10px;}
.td_item_by_row {}
.td_button_by_row {}

.td_error {color:red;}
.td_error input {border:1px solid red}
 

 /* Do not edit */
.table_list_form {margin:auto;}

 
 
 
 
 
/*Ajouts*/
.td_item_left {text-align:left;}
.table700 {width:640px;}



/*******************************************************************
                                           SALON VIRTUEL 
********************************************************************/

/* Edit */
.salon_box {background-color: #eeeeee; color:#000000; overflow:hidden; text-align:center; cursor: pointer; float:left; width:200px; height:250px; margin:0 0 8px 8px; border:0px outset gray}
.salon_title {width:100%; color:#000000; font-size:14px; font-weight:bold; padding: 10px 2px 20px 2px;}
.salon_img{height:100px; overflow:hidden;}
.salon_text {width:100%;  font-size:11px;  padding: 20px 10px 10px 10px; text-align:justify;}



/*******************************************************************
                                           STORE 
********************************************************************/

/* Edit */
.store_box {background-color: #eeeeee; color:#000000; text-align:center; width:145px; height:200px; padding:10px; margin:0 10px 10px 0; border:2px outset white;}
.store_designation {color:#000000; font-size:14px; font-weight:bold; padding:10px 10px 0 10px; height:40px; overflow:hidden;}
.store_image {height:80px;}
.store_image img {border:1px solid gray;}
.store_description {color:#000000; font-size:11px;  padding: 10px 10px 0 10px; text-align:justify;}
.store_prix {color:blue; font-size:18px; font-weight:bold; padding: 10px 10px 10px 10px; font-family:arial}

/* Do not edit */
.store_box {position: relative; overflow:hidden; cursor: pointer; float:left;}
.store_designation {overflow:hidden; margin:auto;}
.store_image {margin:auto;}
.store_description {overflow:hidden; margin:auto;}
.store_prix {margin:auto;}



/*******************************************************************
                                           BUTTONS 
********************************************************************/

/* Edit */
.ConfirmBox input, .ChoiceBox input, .MsgBox  input , .button input {color:#ffffff; font-size:12px; font-family:arial; cursor: pointer; font-weight: bold; height:22px; border: 2px outset #999999; background-color:#555555;}
.button input {min-width:120px;}