/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

body {
margin: 0pt;
padding: 0pt;
background-image: url(../pictos_site_22/back.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 12px;
line-height: 1.4em;
color: #666666;
font-weight:normal;
}

img {
border: 0;
}

a {
color: #f18023;
text-decoration: underline;
}

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

h1 {
font-size: 13px;
font-weight: bold;
font-family: "Arial",Trebuchet,Verdana, Helvetica, sans-serif;
color: #000000;
margin-bottom: 25px;
}

h2 {
font-size: 12px;
font-weight: bold;
font-family: "Arial",Trebuchet,Verdana, Helvetica, sans-serif;
color: #f18023;
margin-bottom: 15px;
}

h3 {
font-size: 12px;
color: #000;
padding: 0px;
margin: 0px;
font-weight: bold;
margin-bottom: 10px;
}

h4 {
font-size: 12px;
color: #f18023;
font-weight: bold;
padding: 0px;
margin-bottom: 10px;
}

.texte-10px {
font-size: 10px;
}

.texte-11px {
font-size: 11px;
}

.orange {
color: #f18023;
}

.orange-bold {
color: #f18023;
font-weight: bold;
}

.texte-coul2-bold {
color: #666666;
font-weight: bold;
font-size: 14px;
}


hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #E7E7E7;
 background-color: #E7E7E7;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; }


tbody {
font-size: 12px;
}


form {
display:block;
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}

ul{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 25px;
margin-right: 0px;
padding: 0px;
}

li{
list-style-type: none;
background-image: url(../pictos_site_22/puce_fleche_orange.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 0px;
}

li ul{
margin-left: 14px;
}

li ul li{
list-style-type: none;
background-image: url(../pictos_site_22/puce_fleche_grise.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 0px;
}

ol {
list-style-type: decimal; 
background-image: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 0px;
padding: 0px;
}

#header {
margin: 0px;
padding: 0px;
height: auto;
}

#conteneur {
margin: auto;
width: 960px;
}

#div-contenu {
padding: 0px;
padding-left: 34px;
padding-right: 34px;
background-color: transparent;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 25px;
border: 0px;
border-bottom: 1px solid #999999;
}

#bloc-logo {
margin-top: 100px;
float: left;
width: 171px;
height: 62px;
}

.bloc-couleur {
margin-top: 10px;
margin-bottom: 10px;
background-color: #e4e4e4;
padding: 10px;
}

.bloc-cadre {
margin: 0px;
background-color: #ffffff;
padding: 10px;
border: 1px #f18023 solid;
}

#nouveautes{
font-size: 11px;
}

#nouveautes a{
color: #636568;
text-decoration: none;
}

#nouveautes a:hover{
color: #000;
text-decoration: none;
}


/* menu*/

#navmenu{
z-index: 3000;	
}

#menu-principal {
padding-left: 78px;
text-align: left;
height: 32px;
background-image: url(../pictos_site_22/fond_menu.gif);
background-repeat: repeat-x;
display: block;
z-index: 3100;
}

#menu-langue{
padding: 0px;
padding-top:15px;
padding-bottom: 16px;
padding-right: 5px;
float:right;
z-index: 50;
width: 101px;
}

/* MENU HORIZONTAL */

#ddsubmenu1 li, #ddsubmenu2 li, #ddsubmenu3 li, #ddsubmenu4 li, #ddsubmenu5 li, #ddsubmenu6 li, #ddsubmenu7 li, #ddsubmenu8 li{
margin: 0;
padding: 0;
background-image: none;
}


#mattblackmenu{
display: block;
width: 100%;
}
	
.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
padding: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0px; /*padding inside each tab*/
color: white;
}

.mattblackmenu li a:visited{
color: white;
}

/* suite MENU HORIZONTAL */

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #262626;
border: 1px solid #000;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}


.ddsubmenustyle li a{
margin: 0;
display: block;
width: 160px;
color: #cfcfcf;
background-color: #262626;
text-decoration: none;
padding-top: 4px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 4px;
border-bottom: 1px solid #000;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: #636568;
color: #f18023;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### fin MENU HORIZONTAL  ######### */

#bloc-arbo {
float: left;
width: 100%;
font-size: 10px;
font-weight: bold;
font-family: Arial;
text-align: right;
padding-top: 43px;
padding-bottom: 10px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 20px;
color: #999999;
border-bottom: 1px #dbdbdb solid;
}

#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #999999;
}

#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
color: #999999;
}

#arbo-on{
color: #505050;
}

/* BLOC DROITE */


#bloc-droite {
margin-bottom: 12px;
padding: 0px;
padding-left: 17px;
padding-right: 20px;
padding-top: 24px;
padding-bottom: 12px;
background-repeat: repeat-x;
background-position: left top;
line-height: 1.4em;
background-image: url(../pictos_site_22/fond_bloc_droite.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #e5e5e5;
}

#bloc-droite p{
padding: 0px;
}

.titre_bloc{
font-size: 11px;
font-weight:bold;
color: #f18023;
}

.text-date-actu{
color: #03345b;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 5px;
}

#bloc-droite ul {
margin-left: 12px;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-droite li {
font-size: 11px;
color: #ffffff; 
display: block;
list-style-type: none;
background-image: url(../pictos_site_22/puce_fleche_grise.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
margin: 0px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 14px;
}

#bloc-droite li.youarehere{
background-image: url(../pictos_site_22/puce_fleche_noire.gif);
}


#bloc-droite a {
margin: 0pt;
padding-left: 0px;
color: #999999;
text-decoration: underline;
display: block;
border-bottom: none;
font-weight: bold;
}

#bloc-droite a:hover {
color: #000000;
text-decoration: none;
}

#bloc-droite li.youarehere a{
color: #000000;
text-decoration:none;
}

#bloc-images-droite{
float: right;
margin-top: -99px;
margin-right:14px
}

*>#bloc-images-droite{
float: right;
margin-top: 60px;
margin-right:-85px
}

#image-droite{
margin-top: 0px;
margin-bottom:17px
}



/* Module produit*/

.mask3{
	position:relative;
	width:550px;
	height:224px;
	overflow:hidden;
}

#module-produits-defile{
	position:absolute;
}

#module-produits-defile div{
	width:550px;
	height:224px;
	float:left;
	background:#e3e3e3;
}

#module-produits-defile p{
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
}

.fond-presentation{
	background: url(../pictos_site_22/back_resume_produit.gif) repeat-x;
}

.titre-produit{
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.texte-produit{
	color: #fff;
	font-size: 11px;
}


.buttons{padding:5px;}
.buttons span{color:#f18023;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#f18023;color:#fff}




/* fin de bloc droite */

#liens-bloc{
margin-top: 25px;
float: right;
width:400px;
margin-bottom: 30px;
color: #999999;
text-align: right;
}

#liens-bloc a{
font-size:10px;
color: #999999;
text-decoration: underline;
}

#liens-bloc a:hover{
text-decoration:none;
}

#liens-bloc .espace{
margin-left: 10px;
margin-right: 10px;
color: #999999;
}

#bloc-newsletter{
float: left;
width: 180px;
height: 40px;
text-align: left;
}

.habillage-news {
vertical-align: top;
width: 156px;
height: 19px;
border: 1px #dedede solid;
margin: 0px;
margin-top:8px;
padding: 2px;
padding-left: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #999999;
line-height: 1.3em;
	background: #FFFFFF url(../pictos_site_22/fond_habillage_news.gif) repeat-x 0 bottom;
}


.habillage-champs {
width: 250px;
background-color: #ffffff;
border: 1px #D5D5D5 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.habillage-module-recherche {
background-color:#FFFFFF;
border:1px solid #75725F;
color:#75725F;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:18px;
line-height:1.3em;
margin-bottom:0;
margin-left:5px;
padding:1px;
vertical-align:top;
width:50px;
}

.habillage-message {
width: 250px;
background-color: #ffffff;
border: 1px #D5D5D5 solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.result-produit{
padding: 10px 15px 10px 25px;
background-image: url(../pictos_site_21/fond_bloc_result.gif);
background-repeat: repeat-x;
background-color: #ffffff;
background-position: left top;
}

a.result{
color: #666666;
text-decoration: none;
font-weight: bold;
display: block;
outline: none;
}

a:hover.result {
color: #f18023;
}

.div-depliante{
padding: 10px 15px 25px 25px;	
}

.div-depliante .texte-produit{
	color: #666666;
	font-size: 12px;
}

.div-depliante li{
background-position: 0px 2px;
font-size: 12px;
}

#nombre-resultats{
text-align:right;
margin: 25px 0 7px 0;
}


/* BLOC TELECHARGEMENT */

#bloc-telechargement {
margin-top: 5px;
margin-bottom: 0px;
padding: 0px;
padding-left: 17px;
padding-right: 20px;
padding-top: 24px;
padding-bottom: 16px;
background-repeat: repeat-x;
background-position: left top;
line-height: 1.4em;
background-image: url(../pictos_site_22/fond_bloc_telechargement.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #f2f2f2;
}

#bloc-telechargement ul {
margin-left: 12px;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-telechargement li {
font-size: 11px;
color: #ffffff; 
display: block;
list-style-type: none;
background-image: url(../pictos_site_22/puce_pdf.gif);
background-repeat: no-repeat;
background-position: 0px -2px;
margin: 0px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 14px;
}


#bloc-telechargement a {
margin: 0pt;
padding-left: 0px;
color: #999999;
text-decoration: underline;
display: block;
border-bottom: none;
}

#bloc-telechargement a:hover {
color: #999999;
text-decoration: none;
}

#bloc-telechargement li.youarehere a{
color: #999999;
text-decoration:none;
}


#bloc-video {
margin-top: 0px;
margin-bottom: 12px;
padding: 0px;
background-color: #f2f2f2;	
}

/* fin de bloc telechargement */


/*Tables*/


#centre caption{
background-color: #02719e;
color: #ffffff;
font-weight: bold; }


#centre table{
border: 0px solid #D5D5D5;
border-collapse: collapse;
width: 95%;
}

*>#centre table{
border: 0px solid #D5D5D5;
border-collapse: collapse;
width: 100%;
}



#centre th{
border: 0px #ffffff solid;
padding: 5px;
font-weight: bold;
color: #000000;
background-color: #eeeeee;
text-align: left;
}

#centre td{
border: 0px solid #D5D5D5;
padding: 5px;
}

#centre thead{
background-color: #65696A;
border: 0px solid #65696A;
}

#centre td.titre{
border: none;
padding: 5px;
}

#pied {
height: 100px;
margin-top: 0px;
margin-left: 27px;
margin-right: 27px;
margin-bottom: 25px;
font-size: 10px;
color: #666666;
text-align: left;
}

#pied a{
text-decoration: none;
color: #666666;
}

#pied a:hover{
text-decoration: underline;
}

.espace{
margin-left: 10px;
margin-right: 10px;
color: #999999;
}

.spacer {
clear: both;
}

.ico-fleche-gauche {
font-size: 8px;
padding-left: 10px;
background-image: url(../pictos_site_22/fleche_orange_gauche.gif);
background-repeat: no-repeat;
background-position: left center;
}

.ico-fleche-droite {
font-size: 8px;
padding-right: 10px;
background-image: url(../pictos_site_22/fleche_orange_droite.gif);
background-repeat: no-repeat;
background-position: right center;
}

.ico-fleche-droite-lien {
font-size: 8px;
padding-left: 13px;
background-image: url(../pictos_site_22/fleche_orange_droite.gif);
background-repeat: no-repeat;
background-position: left center;
}

.ico-fleche-gauche a, .ico-fleche-droite a, .ico-fleche-droite-lien a{
font-size: 8px;
}

#flash {
margin: 0;
padding: 0;
z-index: 3000;
}