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

body {
margin: 0pt;
padding: 0pt;
background-image: url(../images/back.jpg);
background-repeat: no-repeat;
font-family: Arial,verdana,Helvetica,sans-serif;
text-align: center;
font-size: 11px;
background-color: #4c4948;
background-position: top center;
color: #666666; }


a {
color: #fa9701;
text-decoration: none;

}

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

a:visited {
color: #fa9701;
text-decoration: none;
}

a:visited:hover {
color: #fa9701;
text-decoration: underline;
}

h1 {
text-align: left;
color: #fa9701;
font-size: 14px;
margin-top: 20px;
margin-bottom: 15px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
background-image: url(../images/back_h1.gif);
background-repeat: no-repeat;
background-position:left;
}

div .componentheading {
text-align: left;
color: #fa9701;
font-size: 14px;
margin-top: 20px;
margin-bottom: 15px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
background-image: url(../images/back_h1.gif);
background-repeat: no-repeat;
background-position:left;
}

h2 {
text-align: left;
font-size: 16px;
color: #fa9701;
font-weight: normal;
}

h3 {
font-size: 13px;
color: #000000;
padding: 0px;
margin-bottom:0px;
margin-top:0px;
 }
 
h4 {
font-size: 11px;
color: #666666;
padding: 0px;
margin-bottom:0px;
margin-top:0px;
font-weight: bold;
}

.contentheading {
font-size: 12px;
color: #333;
padding: 0px;
margin-bottom:10px;
margin-top:10px;
font-weight: bold;
}

.title {
font-size: 12px;
color: #fa9701;
padding: 0px;
margin-bottom:10px;
margin-top:25px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px solid #666;
}
  

.date {
font-size: 12px;
text-align: left;
padding-left: 7px;
font-weight: bold; }

.texte-noir {
color: #000000;
}

.texte-gris {
color: #666666;
}

.texte-orange {
color: #fa9701;
}


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

.bloc-texte {
margin-top: 5px;
margin-bottom: 5px;
padding: 8px;
background-position: top;
background-color: #f3f3f3; }

.moduletable-h {
margin-top: 5px;
margin-bottom: 5px;
padding: 8px;
background-position: top;
background-color: #f3f3f3; 
}


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


tbody {
font-size: 11px;
line-height: 15px;
}


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

p {
margin:0;
padding:0;
}


#conteneur {
margin: auto;
position: relative;
width: 769px;
}

#conteneur-popup{
margin: auto;
position: relative;
width: 650px;
}



/* header*/


#header {
width: 769px;
height: 161px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat; }

.alignement {
vertical-align: middle;
display: inline-block;
}


/* partenaires*/


#partenaires {
width: 769px;
height: 100px;
background-color:#ffffff;
margin-top:10px;
margin-bottom:10px;
padding:0;
background-image:url(../images/back_partenaires.gif);
background-repeat: no-repeat;
background-position:right;

  }
  
  
/*portfolio*/

#bloc-portfolio {
float:left;
margin-top: 0px;
margin-bottom: 0px;
margin-right:10px;
margin-left:10px;
padding: 0;
height: 120px;
width:154px;
}

#portfolio{
padding: 0;
margin:0;
margin-left:-110px;
}

*>#portfolio {
margin-left:0;
}

#portfolio ul{
padding: 0;
padding:0px;
}

#portfolio li{
text-decoration: none;
text-align: center;
overflow: visible;
visibility: visible; 
list-style-type: disc; 
display: none; 
margin: 0; 
padding: 0;
border: none;
}


#portfolio2{
padding: 0;
margin:0;
background-color:#ffffff;
margin-left:-110px;
}

*>#portfolio2 {
margin-left:0;
}

#portfolio2 ul{
padding: 0;
padding:0px;

}

#portfolio2 li{
text-decoration: none;
text-align: center;
overflow: visible;
visibility: visible; 
list-style-type: disc; 
display: none; 
margin: 0; 
padding: 0;
border: none; }

#portfolio3{
padding: 0px;
margin:0px;
background-color:#ffffff;
margin-left:-110px;
}

*>#portfolio3 {
margin-left:0;
}

#portfolio3 ul{
padding: 0;
padding:0px;

}

#portfolio3 li{
text-decoration: none;
text-align: center;
overflow: visible;
visibility: visible; 
list-style-type: disc; 
display: none; 
margin: 0; 
padding: 0;
border: none; }



#page{
background-color:#FFFFFF;
background-image:url(../images/back_page.gif);
background-repeat: repeat-y;
}

/* gauche*/


#gauche{
width: 200px;
float:left;
padding-bottom:20px;
}


#caleexplorer {
width: 100%;
}

#menu-gauche {
margin-top: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
text-align:left;
}

#gauche h2 {
text-align: left;
font-size: 13px;
color: #ffffff;
font-weight: bold;
background-image:url(../images/back_h2menu.gif);
background-repeat:no-repeat;
padding-top:5px;
padding-left:10px;
padding-bottom:7px;
margin-top:20px;
}


#menu-gauche ul {
margin: 0px;
padding: 0px;
}

#menu-gauche li {
list-style: none;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #3d3936 solid;
background-image: none;
}

#menu-gauche a {
font-size: 12px;
margin-bottom: 3px;
margin-left:5px;
display: block;
color: #ffffff;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 0px;
border-left: 4px #9e9c9b solid
 }

#menu-gauche a:hover {
border-left: 4px #fa9701 solid;
color: #fa9701;
}

#menu-gauche a.current {
border-left: 4px #fa9701 solid;
color: #fa9701;
}


ul#subgauche {
margin-bottom: 10px;
padding: 0px;
}

#subgauche li {
list-style:none;
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #3d3936 solid;
}

#subgauche a {
font-size: 11px;
margin: 0px;
padding: 2px 2px 2px 40px;
display: block;
color: #999999;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: url(../images/puce_sousmenu.gif) no-repeat scroll 25px 50%; 
border-left:  none;}

#subgauche a:hover {
color: #fa9701;
background: url(../images/puce_sousmenu.gif) no-repeat scroll 25px 50%;
border-left:  none; 
}

#subgauche a.current, #nav-section a.current:hover {
color: #fa9701;
border:none;
}

#subgauche a.current:hover {
text-decoration: underline;
}

.espace{
margin-left: 5px;
margin-right: 5px;
padding:0;
}

.spacer {
clear: both;
margin:0px;
padding:0px;
}


#boite-outils{
margin:0px;
margin-top:15px;
margin-left:6px;
margin-bottom:0px;
background: url(../images/back_boite_outils.gif) no-repeat top;
background-color:#fa9701;
width:187px;
height: 65px;
padding: 0px;
padding-top:35px;
padding-bottom:5px;
text-align: left;
}

#boite-outils ul{
margin: 0px;
margin-top: 10px;
padding: 0px;
}

#boite-outils li{
list-style-type: none;
margin: 0px;
margin-top: 4px;
padding: 0px;
padding-left: 10px;
display: block;
height: 12px;
background-image: none;
}

#boite-outils a {
font-size: 11px;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 0px;
display: block;
color: #333333;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: url(../images/puce_boite.gif) no-repeat scroll 0px 50%; 
border-left: none;
 }

#boite-outils a:hover {
background: url(../images/puce_boite.gif) no-repeat scroll 5px 50%; 
color: #333333;
}

#boite-partenaires {
margin:0px;
margin-top:15px;
margin-left:6px;
margin-bottom:0px;
background: url(../images/back_boite_partenaires.gif) no-repeat top;
background-color:#fa9701;
width:187px;
height: 65px;
padding: 0px;
padding-top:35px;
padding-bottom:5px;
text-align: left;
}

#boite-partenaires ul{
margin: 0px;
margin-top: 10px;
padding: 0px;
}

#boite-partenaires li{
list-style-type: none;
margin: 0px;
margin-top: 4px;
padding: 0px;
padding-left: 10px;
display: block;
height: 12px;
background-image: none;
}

#boite-partenaires a {
font-size: 11px;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 0px;
display: block;
color: #333333;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: url(../images/puce_boite.gif) no-repeat scroll 0px 50%; 
border-left: none;
 }

#boite-partenaires a:hover {
background: url(../images/puce_boite.gif) no-repeat scroll 5px 50%; 
color: #333333;
}

#boite-temoignages{
margin-top:15px;
margin-left:6px;
margin-bottom:0px;
background: url(../images/back_boite_temoignages.gif) no-repeat top;
background-color:#fa9701;
width:187px;
padding-top:35px;
padding-bottom:5px;

}

#boite-temoignages ul{
margin:0px;
padding:0px;
}

#boite-temoignages li{
list-style: none;
margin: 0px;
padding: 1px;
display: block;
background-image: none;
}

#boite-temoignages a {
font-size: 11px;
margin: 0px;
padding: 2px 2px 2px 0px;
display: block;
color: #333333;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
background: url(../images/puce_boite.gif) no-repeat scroll 25px 50%; 
border-left:  none;
}

#boite-temoignages a:hover {
background: url(../images/puce_boite.gif) no-repeat scroll 30px 50%; 
color: #333333;
}

.bas-boite {
background: url(../images/bas_boite.gif) no-repeat; 
heigth: 5px;
width: 187px;
margin-left: 6px;
}


#bloc-recherche {
text-align:left;
margin: 0px;
border-left: 5px #9e9c9b solid
}

.inputboxsearch {
width: 135px;
background-color: #101010;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
color: #666666;
margin-left:5px;
margin-right:5px; }


/* centre*/


#centre{
text-align:left;
margin:0px;
line-height: 1.5em;
padding-left:210px;
padding-right:10px;
padding-bottom:5px;
padding-top:0px;
}


#bloc-arbo {
font-size: 9px;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
padding-bottom: 0px;
padding-top:10px;
margin: 0px;
color: #666666;
}

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

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


.cadre-photo {
float: left;
background-image: url(../images/back_photo_liste.gif);
background-repeat: no-repeat;
width: 144px;
height: 103px;
margin-right: 10px;}

.image {
float: left;
margin-right: 5px;}


#centre .separateur{
margin: 0px;
padding: 0px;
background-image: url(../images/filet_pointille.gif);
background-repeat: repeat-x;
background-position: center;
height: 18px;
}



/*listes*/

#centre ul{
list-style: none;
margin-top: 4px;
margin-bottom: 4px;
margin-left:0px;
padding: 0px;
}

#centre li {
margin: 0px;
text-align: left;
padding-bottom: 0px;
padding-left: 17px;
padding-right: 0px;
background: url(../images/mini_puce.gif) no-repeat 10px 3px;
}

#centre li a{
color:#000000;
text-decoration:none;
}

#centre li a:hover{
color:#666666;
text-decoration:none;
}


#subliste ol{
margin: 0px;
padding: 0px;
font-size: 10px;
}

#subliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 35px;
background-image: none;
color: #FF9900;
}

#subliste a {
color: #666666;
font-weight: normal;
text-decoration: none;
}

#subliste a:hover {
color: #666666;
text-decoration: underline;
}


#subsubliste ul{
margin: 0px;
padding: 0px;
font-size: 10px;
}
#subsubliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 55px;
background-image: none;
color: #FF9900;
}
#subsubliste a {
color: #FF9900;
font-weight: normal;
text-decoration: none;
}
#subsubliste a:hover {
color: #FF9900;
text-decoration: underline;
}


/*Cadre arrondie*/

#cadre { 
background-color: #cccccc;
}

#cadre2 { 
background-color: #eeeeee;
}


/* propriÈtÈs communes ý l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 12px; width: 12px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriÈtÈs spÈcifiques ý chaque coin */
#hautgauche {
background: url(../images/coin_tg.gif);
}
#hautdroit {
float: right;
background: url(../images/coin_td.gif);
}
#basgauche {
background: url(../images/coin_bg.gif);
}
#basdroit {
float: right;
background: url(../images/coin_bd.gif);
}

#hautgauche2 {
background: url(../images/coin_tg2.gif);
height: 12px; width: 12px;
background-repeat: no-repeat;
font-size:1px;
}
#hautdroit2 {
float: right;
background: url(../images/coin_td2.gif);
height: 12px; width: 12px;
background-repeat: no-repeat;
font-size:1px;
}
#basgauche2 {
background: url(../images/coin_bg2.gif);
height: 12px; width: 12px;
background-repeat: no-repeat;
font-size:1px;
}
#basdroit2 {
float: right;
background: url(../images/coin_bd2.gif);
height: 12px; width: 12px;
background-repeat: no-repeat;
font-size:1px;
}

#cadre p{
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px; /*gestion des espaces interparagraphes */
}

#cadre2 p{
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px; /*gestion des espaces interparagraphes */
}

/*habillage*/


.inputbox { /*habillage-champs */
width: 250px;
background-color: #ffffff;
border: 1px #CCCCCC 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-champs2{
width: 160px;
background-color: #ffffff;
border: 1px #CCCCCC solid;
height: 18px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

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

.habillage-select {
background-color: #ffffff;
border: 1px #cccccc solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }


.habillage-select2 {
width: 160px;
background-color: #ffffff;
border: 1px #cccccc solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
}


#bloc-espace {
height: 10px;
}


/* bloc haut de page*/

#haut-de-page {
text-align: right;
margin-top: 20px;
margin-bottom: 10px;
}



/* chiffres pages*/

ul#bloc-chiffre {
text-align:center;
list-style: none;
margin: 0;
padding: 0;
font-size: 10px; }

#bloc-chiffre li{
display: inline;
padding: 0;
background-image: none;
}

#bloc-chiffre a{
color: #D00303;
border: 1px #E7E7C4 solid;
background-color: #E7E7C4;
padding:2px;
text-decoration: none;
}

#bloc-chiffre a:hover{
color: #ffffff;
border: 1px #D00303 solid;
background-color: #D00303;
}

#bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #ffffff;
border: 1px #D00303 solid;
background-color: #D00303;
}

.tabheading td {
font-size: 11px;
color: #666666;
padding: 0px;
margin-bottom:0px;
margin-top:0px;
font-weight: bold;
padding-top:15px;
padding-bottom:10px;
}

/* pied de page*/


#footer {
margin: 0px;
padding-top: 10px;
padding-bottom: 25px;
font-size: 10px;
color: #666666;
text-align: center;
}


#footer a{
text-decoration: none;
color: #999999;
}

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

ul#mainlevel-navbottom {
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
}

ul#mainlevel-navbottom li {
	display:inline;
	padding-right:5px;
	padding-left:0;
}


#dhtmltooltip{
text-align:left;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #cccccc;
padding: 7px;
background-color: #f3f3f3;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}