/*Attributs principaux*/
html, body  {background-color:#326699; margin: 0;padding: 0; font-family:Trebuchet MS; font-size:12px;}
html *{ padding:0; margin:0;}
a{ color:#f93; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}
h1, h2, h3{padding: 2px 0; margin:2px 0;}
h1{font-family:Verdana;text-decoration:none;word-spacing: 0.15em;color:#999999;text-align: left;letter-spacing: -1px;line-height: 1em;font-size: 2.6em; font-weight:normal;text-transform:uppercase; }
h2{color:#FF9900; font-family:Verdana; font-size:1.2em;  font-weight:bold;  padding-left:12px; }
h2 span{color:#000000;font-size:1.3em; text-transform:none; background-image:none;}
h3{}
p{color:#333; font-size:1.1em; float:left; font-family:Arial, sans-serif, "Helvetica 65 Medium", "Helvetica 55 Roman"; padding-bottom:10px;}
p a {text-decoration:underline;}
p a:hover{color:#ff9933}
p span{color:#339999}
strong{ color:#369; font-weight:bold;}
.teaser{color:#FF9933;font-weight:bold; font-size:1.1em; padding:10px 0 10px 0;}
ul{ list-style:none; }
ul li{ list-style:none}

label{ display:block; float:left;width:35%; text-align:right; padding:0 2px 0 0}
#languages{top:1px; right:-25px;padding:0; width:25px; position:absolute; display:block; }
#textdefil { position : absolute; top : 50px; margin-left : 300px;width : 500px;height : 30px;font-family : Arial, Helvetica, sans-serif;
font-size : 14px;color : #fff;}
#textdefil strong {color:#FFFFFF; font-weight:bold;}

#home_global{position:relative; z-index:105; display:bloc; width:150px; top:16px; left:-100px;float:left}
#home{position:absolute; width:23px; height:21px; left:60px ;top:-15px;}
#home img{float :right}
#home a{border:0;background:none}
#home a:hover{}


/*bloc global*/
.global{width:100%; display:block; float:left; margin:0;}
.conteneur{width:900px; margin: 0 auto;}/*pour centrer le site*/
.conteneur_style{width:100%; display:block; padding:0; margin:0;float:left; clear:both; background-color:#FFFFFF;}
.header{ width:100%; height:100px;display:block; float:left; padding:0; background-color:#5395CF; background-image:url(../images/header.jpg); background-repeat:no-repeat; position:relative;}
.content{display:block; float:left;width:100%; padding-bottom:30px; position:relative;}/*contenu  100% : qd il n'y a pas de bloc   gauche ou droite*/
.contenu{display:block;width:635px;padding: 0 15px;font-size:1em;float:left;text-align:left; color:#666}/*contenu  x% : qd il y a bloc   gauche ou droite*/
.contenu img{display:block; float:left; padding: 0 2px 0 2px;}
.contenu ul{}
.contenu ul li{display:block; padding-left:20px; background-image:url(../images/tips_sous_menu.gif); background-position:0px 2px; background-repeat:no-repeat;}
.contenu h2{ display:block; font-size:0.8em; font-weight:normal; float:left; width:100%; color:#999; text-align:right; padding:0 10px 0 0}
.contenu h3{ display:block; float:left; width:100%; color:#f90; font-size:1.6em;border-bottom:#CCCCCC 1px dotted; padding:0 0 0 15px;background-image:url(../images/titre01.gif); background-repeat:no-repeat; background-position:0 7px;}
#logo{display:block; float:left; height:95px;width:300px; position:absolute}

/*chemin des pages*/
.breadcrumb{ padding:3px 0 0 1%; display:block; background-color:#eee; float:left;font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#999; width:99%}
.breadcrumb a{ font-size:10px; display:block; float:left; padding:0 10px 0 10px; color:#999999; background-image:url(../images/breadcrumb.gif);  background-repeat:no-repeat; background-position:center left; text-decoration: none;}
.breadcrumb span.active{ color:#FF9933; text-indent:5px; display:block; float:left; padding:0 10px 0 10px;background-image:url(../images/breadcrumb.gif); background-repeat:no-repeat;background-position:center left;}


/* sub menu top */
.navcontainer02 { display:block; float:right;  width:710px; font-size:1.1em; background-image:url(../images/bkgd_navcontainer02.gif); z-index:1000; position:relative}
.navcontainer02  ul li{ padding:0; margin:0; background-image:none}
.navcontainer02 ul {padding:0;margin:0; float:right; right:0;font-family: 'Trebuchet MS',Verdana,sans-serif; text-align:right}
.navcontainer02 li { float:left;list-style:none; font-size:0.75em}
.navcontainer02 li a{ padding: 2px 10px 0 10px;display:block;color:#999;text-decoration: none;}
.navcontainer02 li#current02 { background-color:#c00}
.navcontainer02 li#current02 a {color: #fff;}
.navcontainer02 li a:hover{color: #333; background-color:#666; float:left;color:#333;text-decoration: none;}
.navcontainer02 span { font-size:0.8em; color:#999; font-weight:normal; width:30%; float:left; padding:0 0 0 3px; background-image:none}

/*gestion des bords arrondis*/
.bloc{display:block; float:left; clear:both;font-size:1em; margin:5px 0;}
.bloc2{position:relative; display:block; float:left; border:#e2e1e1 1px solid; width:auto}
.bloc2 .tr, .bloc2 .tl, .bloc2 .br, .bloc2 .bl{font-size:1%; height:16px; width:16px;position:absolute; z-index:5; background-image:url(../images/rond.gif);}
.tr{background-position: right top ; top:-2px; right:-2px; z-index:5;}
.br{background-position: bottom right; bottom:-2px; right:-2px; z-index:5;}
.bl{background-position: bottom left;bottom:-2px; left:-2px;  z-index:5;}
.tl{background-position:left top ; top:-2px; left:-2px;z-index:5;}
.bloc h2{ display:block; float:left; width:95%; clear:both;background-image:url(../images/titre01.gif);background-position:0 7px;background-repeat:no-repeat;border-bottom:1px dotted #CCCCCC;color:#FF9900;font-family:Verdana;font-size:1.2em;font-weight:bold;padding-left:12px;text-align:left}
.bloc2 h3{color:#666666;margin:0;background-image:none; padding:0; font-size:0.8em; border:0}
.bloc span{ clear:both; float:left; width: 100%; }
/*Bloc left*/
.left{ display:block;float:left;clear:both; width:205px; padding:0 0 0 15px;  }
.left img{display:block; margin:0 auto; padding:8px; border:1px solid #eee; text-align:center;}
.left_header{display:block;background-image:url(../images/left_bkgd-topright.gif);width:201px; height:17px;background-repeat:no-repeat;}
.left_content{ display:block;width:201px; background-image:url(../images/left_bkgd.gif); background-repeat:repeat-y; float:left;}
.left_content ul li.titre{color:#ff9933; display:block; background-image:url(../images/download.gif); background-repeat:no-repeat; background-position:center left; margin-left:5px}
.left_footer{display:block;background-image:url(../images/left_bkgd-bottomright.gif); width:201px; height:20px; background-repeat:no-repeat;float:left;}
.left_footer p{visibility:hidden;}
.bloc_left{ float:left;width:200px;margin:0 0 0 0 ;padding-bottom:15px; }
.bloc_left h3{color:#ff9933;font-size:1.3em; line-height:1em;width:82%;margin:0;background-image:url(../images/download.gif);background-position:0 5px; background-repeat:no-repeat; padding: 0 0 3px 8%; border-bottom:#eee 1px solid; }
.bloc_left ul li a{ color:#666;background-color:#FFFFFF;background-image:url(../images/liste-style.gif); background-position:0 6px; background-repeat:no-repeat; padding: 0 0 0 6%;  font-weight:normal; text-decoration:none;display:block; float:left; width:85%; }
.bloc_left ul li a:hover{ background-image:url(../images/liste-style-on.gif);  background-position:0 6px; background-repeat:no-repeat;color:#ff9933}
.bloc_left ul li#current2 a{ background-color:#ff9933; background-image:none; color:#fff; padding: 0 0 0 6%;  font-weight:normal; text-decoration:none;display:block; float:left; width:85%; }
.bloc_left ul li#current2 a:hover{color:#fff; text-decoration:underline}

.bloc_left p{ padding:8px; color:#666; font-size:0.9em;}
.bloc_left#contact p{ color:#000;}
.bloc_left#com{text-align:center}
.bloc_left#com h3{background-color:#000;}
.bloc_left-header{display:block; float:left; background-image:url(../images/left_bkgd-topright.gif); width:201px; height:17px; background-position:top; background-repeat:no-repeat; }
.bloc_left-content{display:block; float:left; color:#666; background-image:url(../images/left_bkgd.gif); background-repeat:repeat-y; width:187px;padding-left:15px; margin:0;}
.bloc_left-content a {font-weight:bolder; text-decoration:underline;}
.bloc_left-footer{display:block; float:left; background-image:url(../images/left_bkgd-bottomright.gif); width:201px; height:20px; background-position:left; background-repeat:no-repeat;}


/*Gestion du footer*/
.footer{ position:relative; color:#ff9933; width:900px; text-align:center; font-family:"Lucida Grande",Arial,Verdana,sans-serif; display:block; margin:0 auto 0 auto; padding:10px 0 5px 0 ; clear:both; font-size:0.9em; background-color:#5a7185;}
.footer a{ color:#eee;text-decoration:none;}
.footer a:hover{ text-decoration:underline; color:#fff}


/*mise en page*/
.chapo{ border-top:1px solid #ccc; 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:96%;padding:0 2%;float:left}
.produit_description{display:block;float:left;text-align:justify;width:50%}
.produit_description p{display:block;float:left;}
.produit_description ul{ clear:both}
.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%;}


/*diaporama*/
.diaporama{ width:340px; 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}

/* ------------------------------------------------------------ */



/*Bloc centrale pour styliser le fond du contenu du site*/
#thumbnail_flash {border : 1px solid #eeeeee;font-family : Arial, Helvetica, sans-serif; padding : 0;background-color : #fff;}

/*tableau*/
table {margin:0; padding:0; background-image:none}	
table th{font-size:1.5em; color:#FF9933; margin:0; padding:10px 0 0 15px; }
table td{color:#999; margin:0 ; padding: 15px 16px  ; vertical-align:top;}
table td img {padding:5px;}
table td h3{color:#666; margin:0 ;}
table tr{color:#999; margin:0 ; padding:0; }
table ul li{text-align:left; background:none; background-image:inherit;}

/*columns x 3*/
.grid3col{
clear:both;margin:0;padding:10px 10px 10px 30px;width:750px;}
.column{float:left;margin:0 0 20px;padding:0 5px 5% 4px;position:relative;text-align:left;width:300px;}
.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:90%}
.column img{border:none;bottom:0px;left:5px;position:absolute;}
.column img.picto{border:none;left:0px;position:relative}
.column.first{margin-left:0 !important;border:medium none;}
.column.last{margin-left:0px !important;padding: 0 0 0 5px;border-left:1px solid #DADBDE;}


.inline_media-row{display:block; float:left; height:auto;  width:100%; padding-top:15px;}
.inline_media{ width:96%; padding:2%; display:block; float:left; clear:both; text-align:justify}
.inline_media p{ font-size:1.1em}
.inline_media .img_left{display:block; float:left;width:260px; color:#999999; }
.inline_media .img_left img{border:1px solid #eeeeee; padding:5px;}
.inline_media .img_left span{ display:block; clear:both; font-size:0.9em;}
.inline_media .img_right{ display:block; float:right;width:260px;color:#999999}
.inline_media .img_right img{border:1px solid #eeeeee; padding:5px;}
.inline_media .img_right span{display:block; float:left; clear:both; font-size:0.9em}
.inline_media span{}

/*------------------------------------------   blog   ---------------------------------------------*/

.blog{margin:0 0 10px 0; padding:0;width:480px;color:#333; float:left}

.blog ul{ ;float:left; padding:10px 0}
.post{ display:block;float:left; width:450px; font-size:1.2em; clear:both;padding:0 0 20px 0; margin: 0 0 0 20px}
.post p{ width:100%;}
.post span{ display:block; float:left;padding:0 0 10px 0; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; width:100%; color:#666;}
.post h2{color:#FF9900; font-family:Verdana; font-size:1.5em; border-bottom:#CCCCCC 1px dotted; font-weight:lighter; text-align:left}

.blog_menu{ float:left; background-color:#999999; width:100%}
.blog_menu ul{ list-style:none;float:left; width:100%}
.blog_menu ul li{ list-style:none; float:left; width:100%; font-size:1.6em; color:#6D383E; font-weight:bold; background-color:#fff}
.blog_menu ul li span{ float:left;color:#990000;padding:5px 0 5px 2px;}

.blog_menu ul li ul{ list-style:none;float:left;}
.blog_menu ul li ul li {list-style:none; float:left;font-size:0.6em; font-weight:normal;  width:100%; background-color:#B7AA8E; border-bottom:1px solid #fff}
.blog_menu ul li ul li a{ color:#fff; float:left;padding:2px 0 2px 15px; font-family:Arial, Helvetica, sans-serif}

.tab_content .blog{ color:#fff}
.tab_content .blog a{ color:#fff}
.blog_index{ padding: 0 0 0 0px}

/*------------------------------------------   menu infinit !   ---------------------------------------------*/
.tree_categories{ font-size:2em; width:200px; display:block; float:left; margin:0;height:auto; padding-bottom:15px;}
.tree_categories a{ display:block; float:left;padding:0; margin:0; color:#333 }
.tree_categories li#currented{ background-color:#C73036;  padding:0; margin:0; float:left; width:80%; clear:both;}
.tree_categories li#currented > a{ color:#FFFFFF}


/* niveau 0 */

.tree_categories ul li{ margin:0; float:left; width:170px; clear:both; color:#666; font-weight:normal; font-size:0.7em; padding-left:15px}
.tree_categories ul li a{color:#ff9933;font-size:1em;margin:0;background-image:url(../images/download.gif);background-position:center left; background-repeat:no-repeat; padding: 0 0 0 8%; border-bottom:#eee 1px solid }
.tree_categories ul li a:hover{color:#000;}
/* niveau 1 */
.tree_categories ul li ul li{ padding:0; margin:0; background-color:#FFFFFF; border-bottom: 1px solid #eee;  }
.tree_categories ul li ul li a{color:#000; font-weight:normal;font-size:0.9em; margin:0; padding:3px 0 3px 12px; background-image:url(../images/liste-style.gif); background-position: center left; background-repeat:no-repeat; border:none;}
.tree_categories ul li ul li a:hover{color:#ff9933;background-image:url(../images/liste-style-on.gif); background-position: center left; background-repeat:no-repeat}

.tree_categories ul li ul li#current2{background-color:#FF9933; }
.tree_categories ul li ul li#current2 a{color:#fff; background-image:inherit;}
.tree_categories ul li ul li#current2 a{background-image:none;}/*Pour IE*/
.tree_categories ul li ul li#current2 a:hover{color:#fff}
/* niveau 2 */
.tree_categories ul li ul li ul li{color:#000;padding:0; margin:0; border-bottom:1px solid #eeeeee; line-height:1.5em}
.tree_categories ul li ul li ul li a{ color:#666;font-size:0.9em;padding:0 0 0 15px;margin:0;font-weight:lighter}
.tree_categories ul li ul li ul li a:hover{color:#000;}

/* niveau 3 */
.tree_categories ul li ul li ul li ul li{font-weight:normal;padding:0 0 0 2px;color:#000;font-size:0.9em; }
.tree_categories ul li ul li ul li ul li a{ font-size:0.5em; font-weight:normal; padding:0 0 0 25px;margin:0;}
.tree_categories ul li ul li ul li ul li a:hover{color:#000;}
/* niveau 4 */
.tree_categories ul li ul li ul li ul li ul li{font-weight:normal; font-family:Arial, Helvetica, sans-serif;font-size:0.7em;margin:0;}
.tree_categories ul li ul li ul li ul li ul li a{font-weight:normal;padding:0 0 0 35px;margin:0;}
.tree_categories ul li ul li ul li ul li ul li a:hover{color:#000;}



.right{display:block;padding:15px 0 28px 0;width:200px;float:right;background-color:#000; background-image:url(../images/footer_right.gif); background-position:bottom; background-repeat:no-repeat;}
.right h3{font-size:1.7em; color:#990000; font-weight:normal; padding:5px; text-align:right}
	
	
	

.media_bloc{ float:left;width:480px; padding:10px}
.media_thumb{ display:block; float:left; width:220px; margin:0 0 8px 6px;}
.video{ display:block; float:left; clear:both; width:100%; margin:0 0 6px 0; text-align:center}
.media_thumb h3{ font-weight:normal; color:#666; padding:0; margin:0}
.media_thumb span{ font-size:0.8em}
.media_thumb a{ float:left;border:2px solid #eee}
.media_thumb a:hover{border:2px solid #c00}

.partners{ display:block; float:left; width:80%; padding:0 0 10px 0; margin:25px 0 0 5%; border-bottom:1px dotted #ccc}
.partners img{ display:block; float:left; padding:5px}
.partners_content div{ display:block; float:left; width:80%}
.partners h2{ color:#CC0000}
.partners a{ font-weight:bold}

/*------------------------------------------  formulaires  ----------------------------------------------*/

.formulaire{ display:block; float:left;}
.formulaire label{display:block;float:left; clear:both; text-align:left; padding:0 5px 0 0; margin:5px 0 0 0}
.formulaire span{display:block;float:left;padding:0 5px 0 0; margin:5px 0 0 0;font-size:0.9em; color:#FFFFFF; font-weight:normal}

.formulaire input, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#333;margin:2px;}
.formulaire input{ float:left;border:1px solid #ccc; background-color:#fff;}
.formulaire input:focus{ border:1px solid #999; background-color:#eee;}
.formulaire textarea{ float:left;border:1px solid #ccc; background-color:#fff}
.formulaire textarea:focus{ border:1px solid #ccc; background-color:#eee; background-image:none}


.formulaire .optional label{font-size:1em;}
.formulaire .optional select{ clear:both; }

.formulaire .required label { font-size:1em; font-weight:normal}
.formulaire .required label span { font-size:1em; font-weight:normal}
.formulaire .required select{ clear:both; width:100%  }
.formulaire .required sup { font-size:1em; font-weight:normal; color:#900}

.formulaire .check label { display:inline;color:#333333; font-size:1.2em;font-weight:bold;}
.formulaire .check label span { font-size:1em; font-weight:normal}
.formulaire .check select{ clear:both; width:100%}
.formulaire input.radio { border:0; padding:0; margin:0; width:25px; }
.formulaire input.submit { background-color:#900;background-image:none; font-weight:bold; color:#fff; font-size:1em; margin:5px 5px 0 2px}
.formulaire input.reset { background-color:#fc9; width:auto; background-image:none; color:#666; font-size:1em}
.formulaire .label_info{ font-size:1em;clear:both; float:left}