/*Attributs */
html, body  { background-color:#E8ECDC; background-image:url(../images/bg2.jpg); background-attachment:fixed;  margin: 0;padding: 0; font-family:Trebuchet MS; font-size:12px;}
html{ padding:0; margin:0}
h1, h2, h3, h4, h5{ clear:both;font-weight:normal;font-family:Trebuchet MS; color:#C4BD9E;margin:0; padding:0}
h1{font-size:2.8em; font-weight:100; background-image:url(../images/etoile.gif); background-repeat:no-repeat; background-position:left; padding:0 0 0 20px}
h2{font-size:1.6em;}
h3{font-size:1.6em; color:#F29400}
h4{font-size:1.2em; color:#666;font-style:italic}
h5{font-size:1.1em; font-weight:bold; color:#878061} 
strong{ color:#000000}
ul, li{ list-style:none; padding:0; margin:0}
fieldset{ border:1px solid #eee}
legend{ font-size:1.1em; color:#999; padding:2px} 
img{ border:0}
/* div, img, src, img src, ul, ul li, a, span {behavior: url(iepngfix.htc)} */
a{text-decoration:none;color:#e95d10}

/*blocs globaux*/
.global{width:100%; display:block; float:left; margin:0;}
.conteneur{width:960px; margin:0 auto 0 auto;}/*pour centrer et gerer la taille du site*/
.conteneur_style{width:100%; display:block; padding:0; margin:0;float:left; clear:both;}

.header{ width:100%; display:block; float:left; position:relative; padding:0; height:150px;background-image:url(../images/bkgd_header.png);}
.header_content{ display:block;float:left;clear:both; padding-top:30px; padding-left:20px;}

/* les différents contenus */
.content_style{display:block;float:left;width:950px;padding:0 5px;background-image:url(../images/bkgd_content_style.png); background-repeat:repeat-y; }/*zone ou se trouve tout le contenu*/
.content{display:block; float:left;width:946px;padding:10px 2px 0px 2px;position:relative;}/*zone ou se trouve tout le contenu*/
.contenu_right{display:block;width:660px;padding:0 10px;font-size:1em;float:left;}
.contenu_left{display:block;width:660px;padding:0 5px;font-size:1em;float:left;text-align:justify;margin-right:5px;}

/*Bloc left*/
.left{ display:block; float:left; width:260px;  padding:0 0 110px 0}
.left span{ text-align:left}
/*
.left_header{ display:block; float:left; width:260px; background-image:url(../images/bkgd_left_header.gif); background-repeat:no-repeat; height:40px; background-position:top}
.left_footer{ display:block; float:left; width:260px; background-image:url(../images/bkgd_left_footer.gif); background-repeat:no-repeat; height:180px; background-position:bottom}
*/
/*Bloc Right*/
.right{ display:block; float:left; width:250px;}
.right span{ text-align:left}


/* menu left */
.menu_blog{ display:block; float:left; width:80%; padding:0% 10%;background-image:url(../images/test.jpg);background-repeat:no-repeat; background-position:top left; }
.menu_blog h2{  padding:5px 0 5px 16px;margin:0; border-bottom:1px solid #E3E3E3; background:url(../images/arrow_orange.gif) no-repeat left center; color:#999}


.menu_blog ul{ padding:0; margin:0 0 10px 0}
.menu_blog ul li{ border-bottom:1px solid #E3E3E3; padding:2px 0 2px 10px; margin:0; font-size:1.1em;}
.menu_blog ul li a{ color:#666666;}
.menu_blog ul li a:hover{ text-decoration:underline;color:#E95D10;}

.menu_blog ul  li#current_cat{padding:2px 0 2px 8px;border-left:5px solid #E95D10;background-color:#ffe8c5}
.menu_blog ul  li#current_cat a{color:#E95D10;}
.menu_blog ul  li#current_cat a:hover{text-decoration:underline}
.menu_blog ul  li#current_month{padding:2px 0 2px 8px;border-left:5px solid #E95D10;background-color:#ffe8c5}
.menu_blog ul  li#current_month a{color:#E95D10;}
.menu_blog ul  li#current_month a:hover{text-decoration:underline}

.menu_blog_footer{background: url(../images/test.jpg) no-repeat bottom left; display:block; float:left; height:30px; width:96%;padding:0 2%; }




/*les footers*/
.footerKeywords{ display:block; float:left; width:98%; background-color:#666; padding:1%; border-top:4px solid #dadada;}
.footerKeywords a{ color:#999; font-size:0.8em; text-decoration:underline}
.footerKeywords a:hover{ color:#fff; text-decoration:none}
.footerKeywords ul{ width:20%; float:left; border-right:1px dotted #999; padding:0 1%}

.footer{background:url(../images/bkgd_footer.png) top no-repeat; color:#B64F0A;width:100%; padding-top:18px; text-align:center;font-family:"Lucida Grande",Arial,Verdana,sans-serif;display:block; margin:0 auto 0 auto; clear:both;font-size:0.9em;}
.footer a{ color:#eee;text-decoration:none; font-size:0.9em}
.footer a:hover{ text-decoration:underline; color:#fff}

/*bloc top login*/
.zone_login{display:block; z-index:100;position:absolute; height:45px;padding:8px 25px 0 15px;right:7px;top:60px; color:#333;background:#f29400; }
.zone_login a{ color:#fff}
.zone_login table{ color:#FFFFFF;float:right}
.zone_login table tr{ border:0px}
.zone_login table tr td{font-size:0.9em;
margin:0;
padding:0 2px 2px;
white-space:nowrap;}
.zone_login table tr td a{ color:#FFFFFF;}
.zone_login input{border:1px solid #eee; font-size:0.9em}
.zone_login input.btn{border:0px}

#log.zone_login{display:block; width:28%; height:40px; padding:0 80px 0 8px; right:0; color:#333; font-size:0.9em; position:absolute;top:83px; background-image:url(../images/bkgd_bloc_rounded.gif); background-repeat:no-repeat; background-position:0 -55px}

#flash { position: absolute; top: 0; left: 0; display:block;clear: both; float: left; width: 98%; font-size:1.2em; padding:25px 1%;z-index: 2; margin:0; font-weight:bold; text-align:center}
.notifier { clear:both; float: left; width:98%;background-repeat: no-repeat; padding: 25px 1%; background-position: 1px 1px; margin: 0; }
.notice { background-color: #D2EFB3; color: #2E4F0A; border:1px solid #80AF4C; padding: 25px 1%; }
.error { background-color: #FF947F; color: #fff; border:1px solid #DF5337; padding: 25px 1%; }
.warning { background-color: #FFF8CC;  color: #333; border:1px solid #DFC51B; padding: 25px 1%; }

#errorExplanation { clear: both; float: left; display:block; color:#666;  background-color:#FFEEE6; border-bottom:1px solid #f99; border-top:1px solid #f99; text-align:left; margin:0; padding: 2% 5% 2% 5%; width: 90%; }
#errorExplanation h2 { margin:0; padding:0; color:#cc0000; font-weight:bold; font-size:11px }
#errorExplanation p {margin:0; padding:0 0 5px 0; font-size:10px; font-weight:bold;}
#errorExplanation div { display:block; width:45%; margin:0 auto 0 auto; text-align:center}
#errorExplanation ul { display:block; clear:both;margin:0; padding:0; list-style:none; text-align:left}
#errorExplanation ul li { margin:0; padding:0 0 3px 8px; background-image:url(../images/arrow.gif);background-repeat:no-repeat; background-position:center left}

/* menu top */
.navcontainer01{ display:block; float:left;margin:0;  width:948px; background:url(../images/nav_bkgd.gif) repeat-x top}
.navcontainer01 ul{margin:0;color:#ccc;float: left;width:100%;font-family: Arial;padding: 0;}
.navcontainer01 ul li {display: inline;margin:0; padding:0}
.navcontainer01 ul li a{padding:10px 7px 10px 7px;margin:0;color:#fff;text-decoration: none;float: left; font-size:0.9em;display:block; float:left;border-right:1px solid #646464;background:url(../images/nav_bkgd.gif) repeat-x top; }
.navcontainer01 a:hover{ background-image:url(../images/nav_bkgd_curent.gif); background-repeat: repeat-x; background-position: top; color:#fff ;}
.navcontainer01 a#current{ background-image:url(../images/nav_bkgd_curent.gif) ; background-repeat:repeat-x;background-position: top; color:#fff;text-decoration: none;float: left;}



/*menu_vert*/
.menu_vert_header{display:block; float:left;width:100%;}
.menu_vert_content{}
.menu_vert_footer{display:block; float:left;width:100%;}




/* menu top image */
.navcontainer_img01{ display:block; float:left;margin:0;  width:948px; height:40px; background-image:url(../images/menu_repeat.gif); background-repeat:repeat-x }
.navcontainer_img01 ul{margin:0;color:#999;float: left;width:100%;font-family: Georgia,"Times New Roman",Times,serif;padding: 0;}
.navcontainer_img01 ul li { display: inline;}
.navcontainer_img01 ul li a{padding: 38px 10px 0 10px; height:0; overflow:hidden;color:#666;text-decoration: none;float: left; font-size:1.1em;background-image:url(../images/menu.gif); background-repeat:no-repeat }

.navcontainer_img01 ul li#p01 a{background-position:-70px 0; width:55px}
.navcontainer_img01 ul li#p01 a:hover{ background-position:-70px -40px;}
.navcontainer_img01 ul li#p01 a#current{ background-position:-70px -40px;}

.navcontainer_img01 ul li#p02 a{background-position:-142px 0; width:104px}
.navcontainer_img01 ul li#p02 a:hover{ background-position:-142px -40px;}
.navcontainer_img01 ul li#p02 a#current{ background-position:-142px -40px;}

.navcontainer_img01 ul li#p03 a{background-position:-267px 0; width:154px}
.navcontainer_img01 ul li#p03 a:hover{ background-position:-267px -40px;}
.navcontainer_img01 ul li#p03 a#current{ background-position:-267px -40px;}

.navcontainer_img01 ul li#p04 a{background-position:-444px 0; width:88px}
.navcontainer_img01 ul li#p04 a:hover{ background-position:-444px -40px;}
.navcontainer_img01 ul li#p04 a#current{ background-position:-444px -40px;}

.navcontainer_img01 ul li#p05 a{background-position:-550px 0; width:100px}
.navcontainer_img01 ul li#p05 a:hover{ background-position:-550px -40px;}
.navcontainer_img01 ul li#p05 a#current{ background-position:-550px -40px;}

.navcontainer_img01 ul li#p06 a{background-position:-671px 0; width:93px}
.navcontainer_img01 ul li#p06 a:hover{ background-position:-671px -40px;}
.navcontainer_img01 ul li#p06 a#current{ background-position:-671px -40px;}

.navcontainer_img01 ul li#p07 a{background-position:-786px 0; width:72px}
.navcontainer_img01 ul li#p07 a:hover{ background-position:-786px -40px;}
.navcontainer_img01 ul li#p07 a#current{ background-position:-786px -40px;}





/*chemin des pages*/
.breadcrumb{ padding:5px 0 5px 0; background-color:#F4F3EC; display:block; border-bottom:1px solid #eee; float:left;font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#999; width:948px}
.breadcrumb a{ font-size:10px; display:block; float:left; padding:0 5px 0 12px; color:#999999; background-image:url(../images/breadcrumb.png);  background-repeat:no-repeat; background-position:center left; text-decoration: none;}
.breadcrumb a:hover{ text-decoration:underline}
.breadcrumb span.active{ color:#666; display:block; float:left; padding:0 5px 0 12px;background-image:url(../images/breadcrumb.png); background-repeat:no-repeat;background-position:center left;}


/* Gestion du contenu */
/* Bloc de texte à 100% */
.bloc_100{ width:98%; padding:0 1%; display:block; float:left; clear:both; text-align:justify}
/* Bloc de texte à 60% */
.bloc_60{ width:56%;padding:0 1%;  display:block; float:left; margin:0  1% 0 0;}
/* Bloc de texte à 50% */
.bloc_50{ width:47%;padding:0 1%;  display:block; float:left;}
.bloc_50 h2{ background-color:#F4F3EC; color:#666; border-top:1px solid #eee}
/* Bloc de texte à 40% */
.bloc_40{ width:37%;padding:0 1%;  display:block; float:left;}
/* Bloc de texte à 30% */
.bloc_30{ width:27%;padding:0 1%;  display:block; float:left;}


/* sert a centrer un bloc au milieu d'un page, pas de couleur de fond, ça ne marche pas */
.bloc_center{ width:80%;padding:2%; margin:0 auto; }
.bloc_center_style{ width:100%;padding:2%; float:left;background-color:#F5F5F3; 
border-top:6px solid #ccc; 
border-right:1px solid #999; 
border-bottom:1px solid #999;
border-left:1px solid #ccc;
}




.img_left{ display:block; float:left; padding: 0 10px 10px 0}
.img_right{ display:block; float:right; padding: 0 0 10px 10px}

/* Gestion de la pagination */
.pagination{ display:block; float:left; clear:both; margin:0; width:100%; font-size:1.2em;padding:17px 0; background-color:#F3EFE2}
.pagination ul{ display:block; width:100%; text-align:center; padding:0; margin:0; clear:both}
.pagination ul li{ display:inline;}
.pagination a{color:#eee; background-color:#C2A383; padding:2px 5px; margin:0;}
.pagination a:hover{ color:#fff; background-color:#f90; text-decoration:none }
.disabled{color:#999;padding:2px 5px; margin:0;}
.prev_page{padding:2px 5px; margin:0;}
.pagination .current{  padding:2px 5px; margin:0; background-color:#fff; color:#f90; font-weight:bold}
.pagination .gap{padding:2px 5px; margin:0;border:0}

/* Gestion de la pagination */
#medias.pagination{ display:block; float:left; clear:both; margin:0; width:100%; font-size:0.9em;padding:0 0 7px 0;}
#medias.pagination h4{ display:block; float:left; width:30%}
#medias.pagination ul{ display:block; width:70%; clear:none;text-align:right; float:right}
#medias.pagination ul li{ display:inline}
#medias.pagination a{color:#999; background-color:#fff; padding:2px 5px; margin:0; border-bottom:3px solid #fff; border-right:0px; border-left:0px; border-top:0px}
#medias.pagination a:hover{ color:#fff; background-color:#ccc; text-decoration:none;border-bottom:3px solid #ccc; border-right:0px; border-left:0px; border-top:0px }
#medias.disabled{color:#ccc;padding:2px 5px; margin:0;}
#medias.prev_page{padding:2px 5px; margin:0;}
#medias.pagination .current{  padding:2px 5px; margin:0; color:#2F457F;border-bottom:3px solid #ccc; border-right:0px; border-left:0px; border-top:0px}
#medias.pagination .gap{padding:2px 5px; margin:0;border:0}

/* mise en page formulaires */
form{ width:100%;}
form a{ font-weight:bold; font-size:10px;}
form a:hover{}
form div{padding:2px; clear:both}
form .required label { font-weight:normal; }
form .optional label { font-weight:normal}
form .label_info{ font-size:0.8em;text-align:right;clear:both; color:#999; display:block; float:left; padding:0 ; margin:0}

form.larger{ width:100%;}
form.larger a{ font-weight:bold; font-size:2em;}
form.larger a:hover{}
form.larger div{padding:2px; clear:both}
form.larger .required label { font-weight:normal;font-size:2em; }
form.larger .optional label { font-weight:normal;font-size:2em;}
form.larger .label_info{ font-size:0.8em;text-align:right;clear:both; color:#999; display:block; float:left; padding:0 ; margin:0}
form.larger input, textarea{ border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:8px}
form.larger label{ display:block; float:left;width:100%;text-align:left; padding:0 2px 0 0; font-size:0.9em}

label{ display:block; float:left;width:40%;text-align:left; padding:0 2px 0 0; font-size:1.2em}
input, textarea{ border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding:2px}
input:focus, textarea:focus{ border:1px solid #ff0000; background-color:#ffefe2}
input.radio{ border:none}
select{ border:1px solid #fff; background-color:#eee; padding:2px;font-size:1.2em; color:#333}
select option{ padding:0 4px;}
.checkbox{ border:0px; padding:0}

/*columns x 3*/
.grid3col{ display:block; float:left;margin:10px 0;padding:5px 0;width:100%;}
.column{float:left; border-right:1px solid #DADBDE;padding:0 1%;text-align:left;width:31%}
.column h3{font-weight:normal;}
.column ul{list-style:none; padding:3px 0 0 0; margin:0}
.column ul li{list-style:none; padding:0 0 0 10px; margin:0 0 2px 0; text-align:left; background-image:url(../images/column_arrow.gif); background-position:1px 3px; background-repeat:no-repeat;font-size:0.9em}
.column p{padding:0;display:block; float:left; width:90%}
#last.column{!important; border: medium none;}

/* mise en page texte */
/*chapo*/
.chapo{  color:#CC0000;  border-bottom:1px solid #ccc;margin:0 0 5px 0;padding:5px; width:100%; float:left;font-size:1.1em; font-style:italic; ;background-image:url(../images/chapo.gif); background-repeat:no-repeat; background-position:0px 7px}
.chapo p{color:#CC0000;}
.chapo strong{color:#CC0000;}
.chapo span{ display:block; float:left; padding:0; font-size:0.7em;color:#999}

 
/*fiche produit*/
.fiche_produit{display:block;width:98%;padding:0 1%;float:left}

/*produit descrpition*/
.produit_description{display:block;float:left;text-align:justify;width:100%; padding:0 0 40px 0; background-image:url(../images/footer_produit_description.gif); background-repeat:no-repeat; background-position:bottom center}
.produit_description p{display:block;float:left;}
.produit_description ul{clear:both}
.produit_description h2{font-size:2.3em;width:auto;display:block;float:left;}

.associated_box{ display:block; float:left; left:0; width:265px; clear:both; z-index:999 }




/*produit descrpition table*/
.produit_description table{width:100%; float:right; clear:none; border:0px;}
.produit_description table td{border:0px; text-align:left; vertical-align:middle; padding:0}
.produit_description table tr{border:0px;}
.produit_description td .price{text-align:left; color:#333; font-size:2em; font-weight:bold; }
.spec{margin:10px 0 10px 0;padding:2px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:block;float:left;width:100%;}
.produit_description td .price span{font-size:0.7em;}
.produit_description .required label{font-weight:normal; text-align:center; width:100%; font:normal}
.bout_presta{display:block; float:left; background-color:#eee; width:213px;; margin:0 0 5px 0}
.bout_presta a  {display:block; float:left; width:100%;  width:193px;text-align:left; color:#000; padding:3px 0 3px 20px;background-color:#eee; background-image:url(../images/img_presta.png); background-position:left; background-repeat:no-repeat} 
.bout_presta a:hover  { color:#eee; background-color:#666} 

.bout_horaire{display:block; float:left; background-color:#dedede; width:213px;; margin:0 0 5px 0}
.bout_horaire a  {display:block; float:left; width:100%;  width:193px;text-align:left; color:#000; padding:3px 0 3px 20px;background-color:#dedede; background-image:url(../images/icon_clock.png); background-position:left; background-repeat:no-repeat} 
.bout_horaire a:hover  { color:#eee; background-color:#666} 

/*produit descrpition columns x 4*/
.grid4col{ display:block; float:left;margin:0;padding:0;width:580px;}
.grid4col .catchphrase{display:block; float:left; padding-bottom:10px;}
.grid4col .column{float:left; border-right:1px solid #DADBDE;padding:0;text-align:left;width:578px; margin:0}
.grid4col .column h3{font-weight:normal; background-color:#eee; padding:3px;}
.grid4col .column ul{list-style:none; padding:3px 0 0 0; margin:0}
.grid4col .column ul li{list-style:none; padding:0 0 0 10px; margin:0 0 2px 0; text-align:left; background-image:url(../images/column_arrow.gif); background-position:1px 3px; background-repeat:no-repeat;font-size:0.9em}
.grid4col .column p{padding:0;display:block; float:left; width:90%}
.grid4col .column img{border:none;bottom:0px;position:inherit;}
.grid4col .column img.picto{border:none;left:0px;position:relative}
.grid4col .first {!important;border:medium none; width:24%;padding:0 1% 0 0;border-right:1px solid #DADBDE;}
.grid4col .last {!important;border:medium none; width:22%}
#activity.column{!important; border: medium none;width:425px; float:left; margin:0;left:10px}
.grid4col .grid3col b{color:#FF6633; font-size:1em;display:block; float:left; font-weight:normal; padding:0 10px 10px 10px; font-family:Georgia, "Times New Roman", Times, serif}





/*Gestion des couleurs des themes*/
#theme1 h1 {margin:0 0 20px 0px }
#theme1 h1 , #theme1 h2 , #theme1 h3 {color:#C01F25; text-align:left}
#theme1 .catch_phrase{ background-color:#C01F25; color:#fff}

#theme2 h1, #theme2 h2, #theme2 h3 {color:#B354A1; text-align:left}
#theme2 .catch_phrase{ background-color:#B354A1; color:#fff}

#theme3 h1, #theme3 h2, #theme3 h3 {color:#23A38A;text-align:left}
#theme3 .catch_phrase{ background-color:#23A38A; color:#fff}

#theme4 h1, #theme4 h2, #theme4 h3 {color:#F4AA29;text-align:left}
#theme4 .catch_phrase{ background-color:#F4AA29; color:#fff}

#theme5 h1, #theme5 h2, #theme5 h3 {color:#EC8697;text-align:left}
#theme5 .catch_phrase{ background-color:#EC8697; color:#fff}

#theme6 h1, #theme6 h2, #theme6 h3 {color:#4BC6E1;text-align:left}
#theme6 .catch_phrase{ background-color:#4BC6E1; color:#fff}

#theme7 h1, #theme7 h2, #theme7 h3 {color:#DF8800;text-align:left}
#theme7 .catch_phrase{ background-color:#DF8800; color:#fff}

#theme11 h1, #theme11 h2, #theme11 h3 {color:#DF8800;text-align:left}
#theme11 .catch_phrase{ background-color:#DF8800; color:#fff}

/*diaporama*/
.diaporama{ width:330px; display:block; float:left; padding:0; margin:0; }
.diaporama ul li{ display:inline; background-image:none; padding:0;margin:0;float:left;}
.diaporama ul li a{ display:block; float:left; border:1px solid #ccc}
.diaporama ul li a:hover{ display:block; float:left; border:1px solid #CC0000}

/* Horizontal Carousel pour les fiches pdt */
#horizontal_carousel {float: left;width: 324px;height: 80px;margin-bottom: 10px;position: relative;}
#horizontal_carousel .container {padding:10px 0 0 0;float: left;width: 294px;height: 69px;position: relative;overflow: hidden;border-bottom:1px solid #ccc}
#horizontal_carousel ul {margin: 0;padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 80px;}
#horizontal_carousel ul li {width: 70px;height:80px;text-align: center;list-style:none;float:left;}

#horizontal_carousel .previous_button {background-color:#000;display:block;float:left;width: 14px; height: 80px;background-image: url(/images/gallery_left.gif);z-index: 100;cursor: pointer; background-repeat: no-repeat; background-position:0 35px;}
#horizontal_carousel .previous_button_over { background-image: url(/images/gallery_left.gif);background-repeat: no-repeat;}
#horizontal_carousel .previous_button_disabled {display:block; float:left; height:80px;background-color:#ccc;background-image: url(/images/gallery_left.gif);background-position:0 -35px;cursor: default; background-repeat: no-repeat;}
#horizontal_carousel .next_button {display:block; float:left; height:80px;background-color:#000; width: 14px;height:80px;background-image: url(/images/gallery_right.gif);z-index: 100; cursor: pointer;background-repeat: no-repeat;background-position:0 35px;}
#horizontal_carousel .next_button_over {background-image: url(/images/gallery_right.gif);background-repeat: no-repeat;}
#horizontal_carousel .next_button_disabled {background-color:#ccc;display:block; background-image: url(/images/gallery_right.gif); background-position: 0 -35px; cursor: default; background-repeat: no-repeat;}

/* table */
table { clear:both;border-collapse:collapse; border:0; margin:0; width:100%}

table th{ background-color:#F4F3EC; color:#666; padding:2px; font-size:1em; text-align:left; font-weight:normal}
table th a{ color:#666; font-weight:bold}
table tr.dark{ background-color:#eee;}
table tr{ border:1px solid #ccc}
table td{ padding:5px}
table td.name{font-size:1.2em; font-weight:bold}
table td.theme{}
table tr#header th{ background-color:#EFECE0; color:#666; border-bottom:1px solid #ccc; font-size:1.5em}
table tr.on{ background-color:#fff}
table tr.on_darker{ background-color:#FFFFCC}
table tr.off{ background-image:url(../images/bkgd_closed.gif); color:#999}
table tr.off_darker{ background-image:url(../images/bkgd_closed_darker.gif); color:#999}
table tr.off a{ color:#999}
table tr.off_darker a{color:#000}
table tr.title{ background-color:#eee; color:#333; font-weight:bold; padding:2px}
table tr.title td{padding:2px}
table tr.title.add{ background-color:#fff; color:#000000}
table tr td.price{ white-space:nowrap; text-align:right; font-weight:bold; color:#333333}

table tr.cost_gen{ text-align:right; white-space:nowrap }
table tr.cost_gen td{ border-top:1px solid #eee; font-weight:bold; margin:20px 0 0 0; padding:5px; font-size:1.1em; color:#81AE6C}
table tr.cost_gen td#total_value{ background-color:#81AE6C; color:#FFFFFF}

table tr.cost_gen#total { text-align:right }
table tr.cost_gen#total td{ border-top:1px solid #eee; font-weight:bold; margin:20px 0 0 0; padding:5px; font-size:1.4em; color:#81AE6C}
table tr.cost_gen#total td#total_value{}

.table_basket{ width:80%; margin:0 auto}
.table_basket table tr td.cost { text-align:right; white-space:nowrap}
.table_basket table tr td.name { text-align:left; }




/* liste product style */
.table_box{ display:block; float:left; width:100%; clear:both; background-color:#eee;text-align:center;}
/* liste product style */
.table_row{ display:block; float:left; width:90%; padding:0 5% 0 5%}
.table_column{ display:block; float:left; width:33%;}
.table_column_content{ display:block; width:90%; text-align:center; padding:5%; float:left;}
.table_column_content h2{font-weight:bold; font-size:1.4em;text-align:center; padding:0; margin:0}
.table_column_content p{text-align:left; line-height:1.3em;}
.table_column_content p a{color:#333;}

.sale_price{ color:#009933; font-weight:bold}
.old_price{ color:#FF3300;text-decoration:line-through}

/* styliser la facture si besoin est */
body.facture {background-color:#fff; margin:0;padding: 0; font-family:Arial,Verdana,sans-serif; font-size:12px;}
body.facture table{ width:500px; margin:0 auto}
body.facture table tr{ border:0px}
body.facture table tr th{ border-bottom:1px solid #999; border-top:1px solid #999; background-color:#eee; color:#000000; font-weight:bold}
body.facture table tr.title{background-color:transparent; color:#000000; font-weight:bold}
body.facture table tr.total{ background-color:transparent; color:#000000; font-weight:bold}


/* blog */

.post{ display:block;float:left; width:450px;clear:both;border-bottom:1px dotted #ccc; padding:0 0 10px 0;}
.post span{}
.post div{ clear:both; padding:10px 0}
.post h3{color:#F29400;}

.blog_comment_all{ float:left; clear:both}
.blog_comment_all h4{ font-weight:bold}
.blog_comment{float:left; width:450px; margin:10px 0; border-bottom:1px solid #eee; padding:5px 0}
.blog_comment_media{float:left; width:70px}
.blog_comment_header{ float:left; width:350px; height:26px;background-image:url(../images/blog_comment_header.png); background-repeat:no-repeat;}
.blog_comment_footer{ float:left; width:350px;background-image:url(../images/blog_comment_footer.png); background-repeat:no-repeat; background-position:bottom;}

.blog_comment_text{ float:left; width:350px; background-image:url(../images/blog_comment_bkgd.png); background-repeat:repeat-y; background-position:right}
.blog_comment_login{float:left; background-color:#CCCCCC; width:100%}
.blog_comment_contenu{ display:block; float:left;width:320px; padding:0 5px 0 25px}

.post_toolbar{ display:block; float:left; width:98%; padding:1px 1%; background-color:#eee; border-top:1px solid #ccc;  border-bottom:1px solid #ccc}


/* gallery list */
.album{ display:block; float:left; width:97%; padding:1%; margin:0 0 10px 0; border-bottom:5px dotted #eee}
.album .image{ display:block; float:left; background-color:#eee; padding:5px}
.album .image a{ color:#333}
.album .info{ display:block; float:left; padding:0 5px; width:60%}
.album h2 a{color:#F29400}
.album p{font-size:1.1em;padding:0 0 15px 0; margin:0;}
.album .date{font-weight:bold;padding:0; }

.gallery_list{ float:left; background-color:#eee; width:100%; border:1px solid #999; }
table.gallery_list tbody tr{ border:0px}
table.gallery_list tbody tr td{ border:0px; text-align:center; vertical-align:middle}
table.gallery_list tbody tr td img{ border:1px solid #ccc; padding:5px; background-color:#FFFFFF}
.gallery_list div{ clear:both}
.gallery_list div span{ font-size:0.8em}


/* highlights */
.highlights{  display:block; float:left; width:96%; padding:0 2%;}
.highlights_story{ display:block; float:left; border-bottom:1px solid #eee; margin: 0 0 5px 0; padding:5px 0; width:100%}
.highlights_media{ display:block; float:left; width:30%; position:relative}
.highlights_text{ display:block; float:left;width:70%; text-align:left}
.highlights_text a.details{ display:block; float:left; clear:both; position: bottom right;}
.highlights_text_txt{ display:block; float:left;width:100%; text-align:left}
.highlights_text_txt a.details{ }
.highlights a:hover{text-decoration:underline}
.highlights a{color:#666}
/*Acutalité dans l'index*/
.actualite_index{font-size:0.5em;text-align:left; display:block;float:left; width:205px; padding:0 5px;}
.actualite_index img{display:block; float:left; margin-right:5px;}
.actualite_index div{display:block; margin:0 auto; width:210px;}


/* catch_phrase */
.catch_phrase{ display:block; float:left; text-align:left; color:#666;  padding:10px 1%; margin:10px 0; width:98%; font-family:arial; font-size:1.4em; background-color:#EFECE0; border-top:2px dotted #fff; border-bottom:2px dotted #fff}

/* alpha thumb */
.alpha_thumb{ z-index:1000; position:absolute; display:block; height:60px; width:60px; background-image:url(../images/thumb_60_alpha.png); background-repeat:no-repeat}


/* menu tree cat */
.tree_categories{ font-size:1.6em}
.tree_categories a{ color:#333333; display:block; width:100%; padding:0 0 0 4px;}
.tree_categories a:hover{ background-color:#E7E7DA;display:block; width:100%; padding:0 0 0 4px;}
.tree_categories li a#currented{ background-color:#eee;display:block; width:100%; padding:0 0 0 4px;}
.tree_categories li a#currented{}
.tree_categories ul li{ font-weight:normal; padding:0 0 0 4px; font-size:0.9em}
.tree_categories ul li a.title{ font-weight:bold}
.tree_categories ul li a{ font-weight:normal}




/* prototabs */
.tabs10 {width:80%;line-height:normal;}
.tabs10 li {display:inline;}
.tabs10 a {float:left;background:url(../images/tableft10.gif) no-repeat left top;background-position:0% -32px;padding:0 0 0 5px;}
.tabs10 a span {font: bold 10px/1.5em Verdana;display:block;float:left;padding:5px 15px 4px 6px;	background:url(../images/tabright10.gif) no-repeat right top;background-position:100% -31px;}
#tabs10 a:hover span {color:#666;}
.tabs10 a:hover, .tabs10 .selected a  {background-position:0% 0px;}
.tabs10 a:hover span, .tabs10 .selected a span  {background-position:100% 0px;; background-color:#CCCCCC}
.tab_bloc{display:block;border-top:1px solid #600;width:100%;float:left; }
.tab_content{display:block;padding:2%; margin:0;width:96%;float:left; background-color:#EEEFE2}
.tab_content h2{ font-family:"Century Gothic", Arial, "Helvetica 55 Roman"; font-size:1.7em; font-weight:normal;}

/* open_close_box */
.open_close_box{ display:block; float:left; width:100%; background-color:#eee}

#tip{display:block; float:left;}
#tip2{display:block; float:left;}
#tip3{display:block; float:left;}

/* BOX */
/*box
.box{display:block; float:left; width:100%;margin:0 0 10px 0; font-size:0.9em; padding:0; background-color:#fff;overflow:hidden;_overflow:visible;}
.box table tr{ border:0; margin:0}
.box h2 { font-size:1.4em ;background-image:url(../images/box_header.gif);  color:#FFFFFF; background-repeat:no-repeat; background-position:left top; padding:0 0 0 15px; margin:0 -1px 0 0}
.box h2 span{ background-image:url(../images/box_header.gif); text-align:left; display:block;background-repeat:no-repeat; width:100%;padding:4px 0; background-position:right top}
.box_content_style{ background-color:#cccccc;position:relative;padding:0 1px;}
.box_content{ overflow:hidden;_overflow:hidden; width:100%; background-color:#FFFFFF;}
.box_content_int{display:block; float:left; background-color:#FFFFFF;width:98%; padding:1%}
.box_footer {display:block;width:96%; height:32px; background:transparent url(../images/box_footer.gif) no-repeat scroll left top;-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding; padding:0 0 0 4%;}
.box_footer b{background:transparent url(../images/box_footer.gif) no-repeat scroll right top;display:block;width:100%;padding:3px 0; height:26px; font-size:1%}

*/

/* news css pour la gestion des boxs */
ul.liste_style{}
ul.liste_style li{ background-image:url(../images/arrow_liste.gif); background-position:left; background-repeat:no-repeat; padding:0 0 0 15px}


.activitie_free{ color:#669966}
.activitie_asked{ background-color:#FFFFCC}
.activitie_booked{ background-color:#DEEFF3}
.activitie_down{background-color:#FFCEAA}

.ref_box{ background-color:#999; color:#333; font-size:1.3em; font-weight:bold}
.statut_sale_box{ background-color:#993300; color:#FFFFFF; font-size:1.1em; font-weight:bold; text-align:center}
.statut_sold_box{background-color:#99CC00; color:#fff; font-size:1.1em; font-weight:bold; text-align:center}

.banque{ display:block; float:right; padding:0 10px 0 0; clear:both}

.activity_desc{ display:block; float:left; }
.activity_desc_img{ display:block; float:left; width:140px; height:140px}
.activity_desc h2{ width:80%}
.activity_desc .catch_phrase{width:80%}


.img_theme {
    position:absolute;
    right:10px;
    top:10px;
}

.popup_list ul li {
    padding: 5px 0px ;
    

}


.link_boxes{clear:both; display:block;float:left;width:240px;padding:0 0 20px 0px;}
.link_boxes ul li { padding:0 0 5px 0; border-bottom:1px solid #eee}
.link_boxes ul li a{ color:#666666; font-weight:bold}
.link_boxes ul li a:hover{ color:#000; text-decoration:underline}