/* CSS Document */
@import url("application_block.css");  	/*css gestion des blocs, left, 100% etc... */
@import url("caroussel.css");  	/*bloc_news image qui tourne */
html, body  {
background-image:url(../images/bkgd.gif); 
margin: 0;
padding: 0; 
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-size:11px;

}

.menu_bkgd {
 position:absolute; background:url(../images/menu_left.gif) no-repeat top;
             width:1026px; height:55px; display:block; top:145px;left:-13px;
}

.menu a#produit, .menu a:visited#produit {
border-color:#CCCCCC;
background-image : url(../images/menu_bkgd_produit.gif) ;
background-repeat : repeat-x ;

border-style:solid;
border-width:0 0 0 1px;
color:#000;
display:block;
float:left;
font-size:1em;
height:35px;
line-height:29px;
font-weight:bold;
padding:0 22px;
text-decoration:none;}
/*Attributs principaux*/
html *{ padding:0; margin:0;}
a{text-decoration:none;}

h1, h2, h3{font-family:"Lucida Grande",Arial,Verdana,sans-serif}
h1 strong{font-size:0.6em; font-weight:normal;}
p{color:#333; font-size:1.2em;}
label{ display:block; float:left;width:42%; text-align:right; padding:3px 5px 0 0}
input{ border:1px solid #ccc; width:50%}
input:focus{ border:1px solid #cc0; background-color:#eee}
input.radio{ width:16px; border:none}
textarea{ width:50%;border:1px solid #ccc;}
select{ border:1px solid #fff; background-color:#eee; padding:2px; font-size:0.8em; color:#000; width:50%}
select option{  padding:0 4px;}
.btn{ width:auto; padding: 0 5px 0 5px; margin:0 ; font-size:0.9em; background-color:#CCFFCC}
.validate{width:50%; padding:5px;margin:0; font-weight:bold; font-size:1em;background-color:#cc0}
.undo{ width:35%; padding:5px;margin:0; font-weight:bold; font-size:1em;background-color:#FF9999}

.form_header h3{color:#cc0; font-weight:normal; font-size:1.8em; color:#cc0; padding:15px 0 0 0; border-bottom:1px solid #eee}
.form_header strong{color:#f90}
form{ padding:2%; width:80%; font-size:1.1em}
form a{ font-weight:normal; font-size:11px;}
form div{padding:2px; clear:both; font-size:1.1em}
form .required{ font-weight:bold; }
form .optional{ font-weight:normal}
form .label_info{ font-size:0.8em; color:#999; display:block; float:left; padding:0 0 8px 0}
small{ float:left; width:50%; padding:1px; background-color:#FFF9D7; border:1px solid #E2C822}

.radio { display:block; clear:none; float:right; background-image:none; }
.radio input {width:auto; padding:0;background-image:none;}

.checkbox {clear:none; background-image:none;padding:0; width:15px;}
.checkbox  input {width:auto; padding:0;background-image:none; }

/*bloc global*/
.global{width:100%; display:block; float:left; margin:0;}

/*Gestion du header*/
.header{ width:1000px;  display:block; float:left; padding:0; position:relative; background-image:url(../images/bkgd.gif); }
.header_content{ display:block;height:145px; float:left;clear:both;width:999px;background-image:url(../images/header.jpg); background-repeat:no-repeat}
.header_content a{ display:block; float:left; height:130px; width:270px}
.left{ display:block; float:left; width:190px}



/*Gestion des blocs principaux*/
/* gestion liste */
/*Bloc centrale*/
.conteneur{width:1000px; margin:0 auto 15px auto;}
.liens img{ border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.liens a{ color:#666; font-family:"Lucida Grande",Arial,Verdana,sans-serif;}

/*Bloc centrale pour styliser le fond du contenu du site*/
.conteneur_style{width:1000px; display:block; padding:0; margin:0;float:left; clear:both; background-color:#FFFFFF}

/*comportement du contenu*/
.content{display:block;width:984px; margin:0 auto;padding:5px 8px;}
.content h1{color:#CCCC00; font-size:4em; font-weight:normal; letter-spacing:-3px; padding:15px 0 15px 0}
.content-header{width:800px; display:block; height:37px;float:left;  background-image:url(../images/content_style_top.gif); background-repeat:no-repeat; }

.bloc_100{ width:96%; padding:2%; display:block; float:left; clear:both; text-align:justify}
.bloc_100 p{text-align:justify}
.bloc_100 h3{ width:100%; color:#990000}

.bloc_50{ width:46%;padding:2%;  display:block; float:left; clear:both; text-align:justify}
.bloc_50 p{text-align:justify}
.bloc_50 h3{ width:100%; color:#990000}

.grid_list{ float:left; width:100%}
.grid_list_row{ width:100%; float:left}
.grid_list_col{ float:left; margin: 0 0 0 25px; width:150px}
.grid_list_col h3{ font-weight:normal; font-size:0.9em; text-align:left}
.grid_list_col h3 a{color:#333333} 
.grid_list_col_thumb{ float:left; padding:8px 0  0  0; background-image:url(../images/grid_list_bkgd.gif); background-repeat:no-repeat; width:140px; height:140px; text-align:center; vertical-align:middle}

.img_left{ float:left; padding:0 10px 0 0 }
.img_right{ float:right; padding:0 0 0 10px }
.contenu{display:block; margin:0; padding:0 0 0 25px; width:765px;float:left; }
.contenu p{ font-size:1.2em; line-height:1.3em}
.contenu h1{
color:#FF6600;
font-size:25px;
border-bottom:#FF6600 1px dotted;
width:50%;
}
.contenu h2{
font-size:2.3em;
color:#645A48;
border-bottom:#ccc 1px dotted;
padding:0 0 4px 0;
margin:0 0 15px 0
}

.contenu li{ list-style:none; font-size:1.2em;
background-image:url(../images/picto_liste.gif); background-position:0 2px; background-repeat:no-repeat; padding: 0 0 5px 15px}

.adresse{ display:block; float:left; width:40%; padding: 0 5px 25px 0 }

.liste_like{ float:left; padding:5px 0 0 10px}
.liste_like div{
background-image:url(../images/url_left.gif);
background-position:left center;
background-repeat:no-repeat;
clear:both;
display:block;
float:left;
height:15px;
padding:2px 0 5px 22px;
white-space:nowrap;
width:auto;
margin:0 0 1px 0
}
.liste_like div h3{
background-image:url(../images/url_right.gif);
background-position:right center;
background-repeat:no-repeat;
clear:none;
font-weight:normal;
display:inline;
float:none;
font-size:1em;
padding:2px 15px 5px 0;
width:auto;
}
.liste_like div h3 a{ color:#FFFFFF
}
.liste_like div h3 a:hover{ color:#cccc00
}
.plus_details{display:block;float:left;width:300px;}
.plus_details h3{width:100%; color:#666;font:Verdana, Arial, Helvetica, sans-serif;padding:10px 0 2px 0;}
.plus_details p{text-align:justify; padding-left:5px;}


.inline_50{width:340px;padding:0;display:block; float:left; text-align:justify}
.inline_50 p{text-align:justify;width:95%; padding:0 0 10px 10px; border-bottom:1px solid #eee}
.inline_50 h3{width:100%; color:#669933;font:Verdana, Arial, Helvetica, sans-serif;padding-bottom:15px;}
.inline_50 img{display:block; width:100px; height:125px;float:left;}



.inline_50_fck_edit{font-size: 1.1em}
.inline_50_fck_edit p{font-size: 1.1em}
.inline_50_fck_edit li{font-size: 1.1em}



.inline_60{ width:70%;padding:2%;  display:block; float:left; text-align:justify}
.inline_60 p{text-align:justify}
.inline_60 h3{width:100%; color:#669933;font:Verdana, Arial, Helvetica, sans-serif;padding-bottom:15px;}

.inline_100{ width:95%;padding:2%;  display:block; float:left; text-align:justify}
.inline_100 p{text-align:justify}
.inline_100 h3{width:100%; color:#669933;font:Verdana, Arial, Helvetica, sans-serif;padding-bottom:15px;}

.news{ width:95%;padding:2%;  display:block; float:left; text-align:justify}
.news p{text-align:justify}
.news h2{border-bottom:none; padding:0 0 0 0; margin:0}
.news span{ clear:both; display:block;  width:100%; border-bottom:1px dashed #ccc; margin:0 0 10px 0}


.fiche_technique{display:block;width:300px;font-family:Verdana, Arial, Helvetica, sans-serif;padding:30px 10px 0 0;}
.diaporama{width:400px;display:block;float:right;padding:0;margin:0;}
.diaporama ul li{ display:inline; background-image:none; padding:0}
.diaporama ul li a{ display:block; float:left;border:4px solid #fff}
.diaporama ul li a:hover{ display:block; float:left;border:4px solid ##CCCC00}

.thumbnails img{display:block;float:left;width:60px;height:60px;padding:10px 15px 0 0;}

.liste_produit ul li{display:inline;float:left}

.liste_produit-global{display:block;width:300px;padding-top:10px;height:auto;}

.liste_produit-global h3{display:block;float:left;width:300px;padding:0 0 10px 0; color:#FFFFFF;background-image:url(../images/bkgd_menu_off.gif);font:bold;padding:2px 0 2px 5px;}

.liste_produit{padding:10px 0 15px 0;display:block;float:left;border-bottom:#b8d73c dotted 1px;}
.liste_produit img{display:block;float:left;width:50px;height:50px;background-color:#FF0000;}



.bloc_index_activities{ display:block; float:left; width:180px; margin:0; padding:0; background-image:url(../images/header_bloc_activities_r.gif);background-repeat:no-repeat; background-position:top right}
#large.bloc_index_activities{ display:block; float:left; width:570px; margin:0 0 0 10px; padding: 0; background-image:url(../images/header_bloc_white_r.gif);background-repeat:no-repeat; background-position:top right}
#large.bloc_index_activities div#all{ display:block; float:left; width:568px; padding: 0; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF;}
#large.bloc_index_activities h2{ font-size:1.2em; padding:3px 0 3px 4px; width:92%; color:#fff;background-image:url(../images/header_bloc_white_l.gif);background-repeat:no-repeat;}
#large.bloc_index_activities img{ float:left; display:block; padding:0 2px 0 0 }
#large.bloc_index_activities h3{ font-size:1.1em; font-weight:normal; padding:8px 0 0 2px; }
#large.bloc_index_activities h3 a{color:#666}
#large.bloc_index_activities div#btm{ display:block; float:left; padding:0; width:100%;height:22px;background-image:url(../images/footer_bloc_white_r.gif); background-repeat:no-repeat; background-position:bottom right}
#large.bloc_index_activities div#btm span{ display:block; float:left; width:90%;height:22px;background-image:url(../images/footer_bloc_white_l.gif); background-repeat:no-repeat}

.bloc_index_activities div#all{ display:block; float:left; width:178px; padding: 0; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF;}
.bloc_index_activities div#btm{ display:block; float:left; padding:0; width:100%;height:22px;background-image:url(../images/footer_bloc_activities_r.gif); background-repeat:no-repeat; background-position:bottom right}
.bloc_index_activities div#btm span{ display:block; float:left; width:90%;height:22px;background-image:url(../images/footer_bloc_activities_l.gif); background-repeat:no-repeat}
.bloc_index_activities div{ display:block; float:left; width:90%; padding:5px}
.bloc_index_activities h2{ font-size:1.2em; padding:3px 0 3px 4px; width:92%; color:#fff;background-image:url(../images/header_bloc_activities_l.gif);background-repeat:no-repeat;}
.bloc_index_activities img{ float:left; display:block; padding:0 2px 0 0 }
.bloc_index_activities h3{ clear:both;font-size:0.9em; font-weight:normal; padding:0 0 0 2px; }
.bloc_index_activities h3 a{color:#666}


.menu_contextuel{display:block; float:left; width:190px; margin:0; padding: 0 0 15px 0; }

.menu_contextuel h2{font-size:1.4em; padding:3px 0 20px 0;width:100%;font-weight:bold;color:#666; background-image:url(../images/mc_header.gif); background-repeat:no-repeat; background-position:bottom; }

.menu_contextuel h3{clear:both;font-size:0.9em; font-weight:normal; padding:0 0 0 2px;}
.menu_contextuel ul{background-image:url(../images/mc_footer.gif); background-repeat:no-repeat; background-position:bottom;background-color:#EFEBE3; padding:5px 0 15px 0;margin:0;list-style:none; }
.menu_contextuel ul ul{background-image:none; }
.menu_contextuel ul li{ margin:0; padding:0}
.menu_contextuel ul li a{color:#333333; border-bottom:1px solid #dedede; display:block; font-size:1em; background-image:url(../images/mc_picto_liste_off.gif); background-repeat:no-repeat; background-position:5px center;background-repeat:no-repeat; padding:5px 0 5px 25px; margin:0 }
.menu_contextuel ul li a:hover{color:#333; background-color:#fff; font-size:1em;background-image:url(../images/mc_picto_liste_on.gif); background-repeat:no-repeat; background-position: right; padding-left:25px; }
.menu_contextuel ul li a#current02{color:#333; background-color:#fff; font-size:1em;background-image:url(../images/mc_picto_liste_on.gif); background-repeat:no-repeat; background-position: right; padding-left:25px; }

.teaser{ float:left; background-image:url(../images/teaser.jpg); background-repeat:no-repeat; display:block;
width:984px; font-size:12px; height:377px; position:relative}
.teaser h1{ font-size:2.5em; letter-spacing:normal; padding:5px 0 7px 0; color:#003F59; font-family:"Century Gothic"; font-weight:bold}
.teaser h1 span{font-size:0.6em; color:#FFFFFF}
.teaser ul li{}
.teaser_left{ display:block; font-size:1.3em;
float:left;
padding:0 10px 0 0 ;
width:360px;}
.teaser_left h2{ font-size:1.4em; padding:2px 0 1px 0; font-weight:bold;margin:0; color:#cc0}

.activite_index h2{ font-size:1.7em; font-style:italic; padding:0px 0 1px 10px; font-weight:normal;margin:0; color:#FF9900}
.activite_index_header{ float:left; display:block; height:17px; width:100%; background-image:url(../images/activite_index_header.gif); background-repeat:no-repeat}
.activite_index{ float:left; display:block; width:306px; background-image:url(../images/activite_index_repeat.gif); background-repeat:repeat-y}
.activite_index_footer{  float:left; display:block; clear:both; height:17px;width:100%;  background-image:url(../images/activite_index_footer.gif); background-repeat:no-repeat; background-position:bottom}
.activite_index span{ float:left; padding:0 0 0 10px; width:290px}
.bloc_teaser_all{ float:left; width:950px; padding:0 15px 20px 15px}
.bloc_teaser{display:block;
background-color:#645A48;
float:left;
height:200px;
margin:0 3px;
padding:2px;
position:relative;
width:306px;}
.bloc_teaser h2{ float:left;font-size:1.6em; width:100%; border-bottom:1px dashed #999; color:#CC0; font-weight:normal; margin:0 0 5px 0; padding:0 0 2px 0}
.bloc_teaser h2 span{ font-size:0.7em; color:#FFFFFF}
.bloc_teaser h3{ font-size:1.2em; color:#fff}

.bloc_teaser p{ font-size:1em; padding:0 5px 0 5px; text-align:left; color:#eee }
.bloc_teaser a{ color:#006600; font-weight:bold }
.bloc_teaser .detail{ display:block; position:absolute;bottom:2px; left:15px}


/* table */
.table_data_simple {border-collapse:collapse; border:0; margin:0; padding:2%; width:96%}
.table_data_simple tbody{border-collapse:collapse; border:0; margin:0; padding:0; width:100%}
.table_data_simple table{border-collapse:collapse; border:0; margin:0; padding:0; clear:both; width:100%}

.table_data_simple th{ background-color:#999999; color:#ccc; padding:5px; text-align:left}
.table_data_simple th a{ color:#fff}
.table_data_simple tr.dark{ background-color:#eee;}
.table_data_simple td{ padding:5px; border:1px solid #DEDEDE}


/*Gestion du footer*/
.footer{ position:relative; display:block; float:left; color:#fff;width:970px; text-align:center;font-family:"Lucida Grande",Arial,Verdana,sans-serif;display:block; margin:0 auto 0 auto; padding:15px 15px 10px 15px ; line-height:40px; clear:both;font-size:0.9em;
}
.footer .absolute{ position:absolute; bottom:0px; left:-13px; background-image:url(../images/footer_bkgd.gif);display:block;width:1027px; height:40px; z-index:15}
.footer .absolute a{ color:#999999;text-decoration:none;}
.footer .absolute a:hover{ text-decoration:underline; color:#666666;}


/*generale*/
.open_close_box{ border-top:1px solid #eee;border-bottom:1px solid #eee;clear:both; padding:2%; width:96%; display:block; float:left}

/*mise en page*/
.quote{  margin:0 auto; font-size:1.1em; padding:18px 0 12px 40px; left:60px; width:650px; font-size:1.6em ;background-image:url(../images/quote_pdt.gif); background-repeat:no-repeat; background-position:0px 7px}
.quote span{ display:block; float:left; padding:0; font-size:0.7em;color:#999}

/*chemin des pages*/
.breadcrumb{ padding:3px 0 0 15px; display:block; float:left;font: normal 0.8em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#999; width:98%}
.breadcrumb a{ display:block; float:left; padding:7px 5px 7px 16px;color:#999; background-image:url(../images/picto_liste.gif);  background-repeat:no-repeat; background-position:left center;text-decoration: none;}
.breadcrumb a:hover{text-decoration: underline; color:#666}
.breadcrumb .active{ color:#CCCC00; font-weight:bold; float:left;padding:7px 5px 7px 16px;background-image:url(../images/picto_liste.gif);background-position:left center; background-repeat:no-repeat;}



/*columns x 3*/
.grid3col{
clear:both;
margin:0;
padding:0;
width:984px;}

.column{
float:left; 
margin:0;
padding:0 5px 5px 4px;
position:relative;
text-align:left;
width:240px;
}
.column h3{
font-size:1.3em; font-weight:normal; color:#369
}
.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:100%
}

.column img.picto{
border:none;
left:0px;
position:relative}
.column.first{
margin-left:0 !important;
border:medium none;
}
.column#last{
margin-left:0px !important;
border:medium none;
width:475px;
}


.liste_style{ display:block; width:700px; margin:0 auto;}
.liste{ display:block; float:left;margin:5px auto; padding:4px 8px; width:95%}
.liste h2{ font-size:1.2em; width:80%; font-weight:bold; padding:0 0 2px; margin:0}
.liste p{ clear:both;
display:block;
float:left;
font-size:1em;
padding:0 0 2px; width:98%;}
.liste a { float:right}
.liste .details{ display:block; float:left;  width:85%; position:relative}
.liste .img{ display:block; float:left; width:80px; border-right:1px solid #ccc; margin:0 5px 0 0 }


#errorExplanation { display:block; float:left; color:#666;  background-color:#FFEEE6; border-bottom:1px solid #f99; border-top:1px solid #f99; text-align:center; margin:0; padding: 2% 5% 2% 5%; }
#errorExplanation h2 { margin:0; padding:0; color:#cc0000; font-weight:bold; font-size:16px }
#errorExplanation p {margin:0; padding:0 0 5px 0; font-size:12px; 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/deco/arrow.gif);background-repeat:no-repeat; background-position:center left}


.btn_rappel a{display:block; float:left; width:238px;height:238px; position:absolute; right:20px; bottom:25px; background:url(../images/btn_rappel.png) no-repeat;}
.btn_rappel a:hover{display:block; float:left; width:238px;height:238px; position:absolute; right:20px; bottom:25px; background:url(../images/btn_rappel_hover.png) no-repeat;}
.more_details{ display:block; float:right; clear:both; background-image:url(../images/more_details2.png); background-position:left; background-repeat:no-repeat; width:76px; height:16px;}

.btn_my_account a{display:block; float:left; width:238px;height:35px; position:absolute; right:20px; bottom:335px; background:url(../images/btn_espace_client.png) no-repeat;}


.etude_onglet{ display:block; float:left; width:85px; position:inherit;padding-left:15px; color:#fff}
.etude_onglet a {color:#FFFFFF}
.etude_onglet a img{border:0;}


div .list table{display:block, float:left; background-color:#999}
div .list table th, td{ padding:5px}
div .list table tr.first th{display:block, float:left; background-color:#eee; text-align:left}
div .list table tr.light{  background-color:#fff;}
div .list table tr.dark{  background-color:#ccc;}
div .list table tr.light td{  background-color:#eee;padding:5px}
div .list table tr.dark td{  background-color:#ccc;padding:5px}



/*bloc top login*/
.zone_login{display:block; z-index:100; text-align:right; padding:0; float:right;  color:#fff; font-size:0.9em; position:absolute;top:5px; right:14px;}
.zone_login a{ color:#D0CF01; font-size:1.1em; font-weight:bold}
.zone_login img{ border:0px}
.zone_login a:hover{ text-decoration:underline}
.zone_login table{ float:right}
.zone_login table tr{ border:0px}
.zone_login table tr td{ white-space:nowrap; padding:0 5px; margin:0}
.zone_login table tr td a{  font-weight:bold}
.zone_login input{border:0; font-size:0.9em; width:100px}
.zone_login input.btn{border:0px;  width:auto}


.notification{ display:block; float:left; padding:20px 0; width:100%; font-size:1.1em}
.notification a{color:#000;}
.notification b{font-size:1.3em}
.notification label{display:block;font-weight:bold; text-align:left; clear:both; float:left; width:auto}
.notification_content{display:block; clear:both; float:left; padding:5px 0 5px 0; margin:0 0 25px 0; font-size:1em; border-bottom:1px dashed #CCCC00}
.notification_doc{display:block; clear:both; float:left; padding:5px 0; color:#333;  background-color:#eee; width:100%; margin:10px 0 0 0}
.notification_doc a{ font-weight:bold}

.seo p { color: #666; font-size: 0.8em; padding: 15px 0; display: block; float: left; }
.seo p strong a { color: #666; }
.seo p strong a:hover { color: #999 }