/* CSS Document */

html { overflow: -moz-scrollbars-vertical !important; }

img { behavior: url(iepngfix.htc); }

body{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background-image:url(../fr/nav/back-centre.gif);
background-repeat:repeat-x;
font-size: 12px;
margin: 0;
padding:0;
color:#666;
behavior: url('/css/csshover.htc');
height:100%;
line-height:20px;
}

#acc_fond {
position: absolute;
z-index: 10000;
background: url(../fr/nav/back-menu.png) repeat-y;
width: 50%;
height: 100%;
}

#header{
width: 305px;
height: 744px;
background-image:url(../fr/nav/logo-back.png);
background-repeat:repeat-y;
}

#IE6 html #header{
width: 305px;
height: 744px;
background-image:url(../fr/nav/logo-back.png);
background-repeat:repeat-y;
}

#IE7 html #header{
width: 305px;
height: 744px;
background-image:url(../fr/nav/logo-back.png);
background-repeat:repeat-y;
}

#edito{
color:#FFFFFF;
top:390px;
width: 295px;
margin-left:10px;
display:block;
position:absolute;
z-index:20000;
}

#contenu{
width: 794px;
height: 325px;
background-color:#DFD1B7;
}

#footer{
width: 794px;
height: 81px;
}

#texte{
width: 357px;
height:286px;
float:left;
background-image: url(../fr/nav/back-texte.gif);
background-repeat:no-repeat;
color:#857B70;
padding:20px;
}

ul, li{
}

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

.normal{
color:#666;
}

.over{
color:#91b804;
}

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

.texte-couleur{
color:#666;
font-size:13px;
}

.champs-obligatoire{
color:#f50a0e;
font-size:11px;
}

h1 {
font-size: 26px;
font-weight: bold;
color:#91b804;
padding-top:0;
padding-bottom:10px;
margin-bottom:15px;
border-bottom: 1px solid #666;
}

h2 {
font-size: 18px;
font-weight: bold;
color:#666;
padding-top:0;
padding-bottom:10px;
margin-top:0;
margin-bottom:15px;
border-bottom: 1px solid #B2AAAA;
}

h3 {
font-size: 26px;
font-weight: bold;
color:#000;
padding-top:0;
padding-bottom:10px;
margin-bottom:15px;
border-bottom: 1px solid #666;
}

h4 {
font-size: 18px;
font-weight: bold;
color:#91b804;
}

h5 {
font-size: 16px;
font-weight: bold;
color:#666;
}

.chiffre {
font-size: 100px;
font-weight: bold;
color:#91b804;
float:left;
margin-right:10px;
}

.bouton {
vertical-align:bottom;
top:342px;
padding-left:140px;
position:absolute;
}

.bouton-acc {
vertical-align:bottom;
top:342px;
padding-left:135px;
position:absolute;
}

p {
padding-top:0;
margin-top:0;
}

#menu {
display:block;
clear: both;
margin:0px;
padding-top:260px;
height: 130px;
}

#navigation{
list-style-type: none;
margin:0px;
padding:0px;
}

#navigation li{
margin:0px;
padding:0px;
display: list-item;
}

#navigation ul{
margin:0px;
padding:0px;
display: inline;
}

#sousmenu1 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background: url(../fr/nav/menu1.png) no-repeat 0px 0px;
text-decoration: none;
}

#sousmenu1 a:hover{
background: url(../fr/nav/menu1-over.png) no-repeat;
text-decoration: none;
}

#sousmenu1 a:active, #sousmenu1 a.selected{
background: url(../fr/nav/menu1-over.png) no-repeat;
text-decoration: none;
}

#sousmenu2 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background: url(../fr/nav/menu2.png) no-repeat 0px 0px;
text-decoration: none;
}

#sousmenu2 a:hover{
background: url(../fr/nav/menu2-over.png) no-repeat;
text-decoration: none;
}

#sousmenu2 a:active, #sousmenu2 a.selected{
background: url(../fr/nav/menu2-over.png) no-repeat;
text-decoration: none;
}

#sousmenu3 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background: url(../fr/nav/menu3.png) no-repeat 0px 0px;
text-decoration: none;
}

#sousmenu3 a:hover{
background: url(../fr/nav/menu3-over.png) no-repeat;
text-decoration: none;
}

#sousmenu3 a:active, #sousmenu3 a.selected{
background: url(../fr/nav/menu3-over.png) no-repeat;
text-decoration: none;
}

#sousmenu4 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background: url(../fr/nav/menu4.png) no-repeat 0px 0px;
text-decoration: none;
}

#sousmenu4 a:hover{
background: url(../fr/nav/menu4-over.png) no-repeat;
text-decoration: none;
}

#sousmenu4 a:active, #sousmenu4 a.selected{
background: url(../fr/nav/menu4-over.png) no-repeat;
text-decoration: none;
}

#sousmenu5 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background: url(../fr/nav/menu5.png) no-repeat 0px 0px;
text-decoration: none;
}

#sousmenu5 a:hover{

background: url(../fr/nav/menu5-over.png) no-repeat;
text-decoration: none;
}

#sousmenu5 a:active, #sousmenu5 a.selected{
background: url(../fr/nav/menu5-over.png) no-repeat;
text-decoration: none;
}

#sousmenu6 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background: url(../fr/nav/menu6.png) no-repeat 0px 0px;
text-decoration: none;
}

#sousmenu6 a:hover{

background: url(../fr/nav/menu6-over.png) no-repeat;
text-decoration: none;
}

#sousmenu6 a:active, #sousmenu6 a.selected{
background: url(../fr/nav/menu6-over.png) no-repeat;
text-decoration: none;
}

#IE6 #sousmenu1 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background-image: url(../fr/nav/menu1.gif);
text-decoration: none;
}

#IE6 #sousmenu1 a:hover{
background-image: url(../fr/nav/menu1-over.gif);
text-decoration: none;
}

#IE6 #sousmenu1 a:active, #sousmenu1 a.selected{
background-image: url(../fr/nav/menu1-over.gif);
text-decoration: none;
}

#IE6 #sousmenu2 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background-image: url(../fr/nav/menu2.gif);
text-decoration: none;
}

#IE6 #sousmenu2 a:hover{
background-image: url(../fr/nav/menu2-over.gif);
text-decoration: none;
}

#IE6 #sousmenu2 a:active, #sousmenu2 a.selected{
background-image: url(../fr/nav/menu2-over.gif);
text-decoration: none;
}

#IE6 #sousmenu3 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background-image: url(../fr/nav/menu3.gif);
text-decoration: none;
}

#IE6 #sousmenu3 a:hover{
background-image: url(../fr/nav/menu3-over.gif);
text-decoration: none;
}

#IE6 #sousmenu3 a:active, #sousmenu3 a.selected{
background-image: url(../fr/nav/menu3-over.gif);
text-decoration: none;
}

#IE6 #sousmenu4 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background-image: url(../fr/nav/menu4.gif);
text-decoration: none;
}

#IE6 #sousmenu4 a:hover{
background-image: url(../fr/nav/menu4-over.gif);
text-decoration: none;
}

#IE6 #sousmenu4 a:active, #sousmenu4 a.selected{
background-image: url(../fr/nav/menu4-over.gif);
text-decoration: none;
}

#IE6 #sousmenu5 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background-image: url(../fr/nav/menu5.gif);
text-decoration: none;
}

#IE6 #sousmenu5 a:hover{
background-image: url(../fr/nav/menu5-over.gif);
text-decoration: none;
}

#IE6 #sousmenu5 a:active, #sousmenu5 a.selected{
background-image: url(../fr/nav/menu5-over.gif);
text-decoration: none;
}

#IE6 #sousmenu6 a{
display:block;
text-indent:-10000px;
width: 305px;
height:26px;
background-image: url(../fr/nav/menu6.gif);
text-decoration: none;
}

#IE6 #sousmenu6 a:hover{
background-image: url(../fr/nav/menu6-over.gif);
text-decoration: none;
}

#IE6 #sousmenu6 a:active, #sousmenu6 a.selected{
background-image: url(../fr/nav/menu6-over.gif);
text-decoration: none;
}


a:link {
color: #666;
position: relative;
text-decoration: none;
}

a:link img {
padding:0;
margin:0;
}

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

a:hover {
color: #91b804;
text-decoration: underline;
}

input {
position: relative;
z-index: 1;
color: #fff;
padding-left:4px;
border: 1px solid #FFF;
background-color:#353535;
height: 13px;
width:186px;
font-family:"Trebuchet MS";
font-size:11px;
}

select {
color: #fff;
border: 1px solid #FFFFFF;
background-color:#353535;
font-family:"Trebuchet MS";
font-size:11px;
}

textarea {
color: #fff;
border: 1px solid #FFFFFF;
background-color:#353535;
height: 60px;
width:550px;
font-family:"Trebuchet MS";
font-size:11px;
margin-bottom:12px;
}

table td {
padding-bottom:5px;
}

label {
padding:0;
margin:0;
display: inline;
}

/**
 * Element
 */

#kwicks_color {
position:absolute;
left: 300px;
width:100%;
top:13px;
background-color: #91b804;
z-index:0;
height:140px;
}

#kwicks_container {
position:absolute;
left: 260px;
width:100%;
top:1px;
}

#IE7 #kwicks_container {
position:absolute;
left: 260px;
width:100%;
top:13px;
}
#kwicks {
position: relative;
}

#kwicks ul {
padding:0;
margin:0;
}

#kwicks li {
padding:0;
margin:0;
}
 
#kwicks .kwick {
float: left;
display: block;
width: 114px;
height: 140px;
}
 
#kwick1 {background-image:url(/fr/nav/element-fez.gif);}
#kwick2 {background-image:url(/fr/nav/element-ifdis.gif);}
#kwick3 {background-image:url(/fr/nav/element-pcinfos.gif);}
#kwick4 {background-image:url(/fr/nav/element-coralys.gif);}
#kwick5 {background-image:url(/fr/nav/element-shehe.gif);}
#kwick6 {background-image:url(/fr/nav/element-shd.gif);}