/* CSS Document */

body {
position:relative;
padding: 0;
width: 1024px;
margin:auto;
margin-top:10px;
padding-left:0px;
background-color: #ffffff;
left:60px;
color:#FFF;
}

.clear{
clear:both;
}

.gauche{
background-image:url('images/barre-gauche.gif');
background-repeat:no-repeat;
width:24px;
height:176px;
float:left;
position:relative;
top:4px;
}

.page{
float:left;
padding-bottom:50px;
}

.bandeau{
background-image:url('images/degrade.jpg');
background-repeat:repeat-y;
width:832px;
height:118px;
float:left;
}

.slogan{
float:left;
position:relative;
left:34px;
top:47px;
}

.barre{
float:left;
width:1px;
height:95px;
border-left:1px solid #000;
position:relative;
left:79px;
top:15px;
}

.logo{
float:left;
position:relative;
left:132px;
top:17px;
}

.gris{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
}

.flash{
float:left;
height:251px;
}

.anglais{
float:left;
background-color:#a4a5a6;
height:251px;
width:67px
}

.anglais img{
border:0;
width:34px;
height:28px;
}

.anglais .img{
position:relative;
left:8px;
top:215px;
}

.plan{
float:left;
}

#outer{
background-image:url('images/menu.png');
background-repeat:repeat-x;
width:285px;
height:403px;
}

.contenu{
width:547px;
float:left;
color:#000;
}

.gris2{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:500px;
}

.gris3{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:425px;
} 
.gris7{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:385px;
}

.gris10{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:630px;
}

.gris4{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:505px;
}

.gris5{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:535px;
}
.gris6{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:575px;
}

.gris9{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:470px;
}

.gris11{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:580px;
}

 .gris13{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:440px;
}

 .gris14, .gris18{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:400px;
}
.gris16{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:440px;
}
.gris15{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:490px;
}

.gris8{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:855px;
}

.gris17{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:570px;
}

.gris12{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:1095px;
}

.gris19{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:365px;
}
.gris21{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:430px;
}
.gris20{
height:118px;
background-color:#a4a5a6;
float:left;
width:99px;
height:630px;
}


li, ul{
padding:0;
margin:0;
}

.outer a, .outer div, .outer li, .outer ul, .outer body{
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

.plan ul{
list-style: none;
text-indent: 0px;
padding-top:10px;
}

.plan ul ul{
list-style: none;
text-indent: 0px;
padding-top:0px;
}

#outer ul li {
background-image:url('images/barre.gif');
background-repeat:no-repeat;
background-position:bottom right;
margin-left:8px;
}    

#outer ul li li {
background:none;
}  
  
#outer li.contact {
background:none;
}

#outer ul ul li {
border:0;
margin:0;
padding:0;
}    

#outer li{
padding-bottom:6px;
padding-top:6px;
}

#outer ul ul li{
padding-bottom:2px;
padding-top:2px;
}

.menu a{
font: 12px Arial;
color: #FFFFFF;
font-weight:bold;
display:block;
padding: 0px 20px;
height:15px;
text-decoration: none;
}

.menu2 a{
font: 11px Arial;
color: #FFFFFF;
display:block;
padding: 0px 20px;
text-decoration: none;
font-weight:normal;
}

.menu a:hover{
background-image:url('images/fleche.png');
background-position: left bottom;
background-repeat: no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fleche.png', sizingMethod='crop');
padding: 0px 20px;
color: #FF0000;
}
  

#outer .pageactive .menu2 a{
background:none;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pixel.png', sizingMethod='crop');
font: 11px Arial;
color: #FFFFFF;
display:block;
padding: 0px 20px;
text-decoration: none;
font-weight:normal;
}

.menu .pageactive a, .menu .pageactive .menu2 a.sfhover, .menu .pageactivecontact a{
background-image:url('images/fleche.png');
background-position: left bottom;
background-repeat: no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fleche.png', sizingMethod='crop');
padding: 0px 20px;
color: #FF0000;
}    

.menu .pageactivecontact {    
background:none;
}  

.menu2 a:hover, .menu2 a.sfhover{
background-image:url('images/fleche.png');
background-position: left bottom;
background-repeat: no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fleche.png', sizingMethod='crop');
padding: 0px 20px;
color: #FF0000;
}   

.menu1 .pageactive a{
font: 11px Arial;
color: #FF0000;
display:block;
padding: 0px 20px;
text-decoration: none;
font-weight:normal;
}   

#outer .menu .pageactive .menu2 a:hover, #outer .menu .pageactive .menu2 a.sfhover{
background-image:url('images/fleche.png');
background-position: left bottom;
background-repeat: no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fleche.png', sizingMethod='crop');
padding: 0px 20px;
color: #FF0000;
}
  

#mentions a{
font: 10px Arial;
color: #000;
font-weight:bold;
display:block;
padding: 0px 20px;
text-decoration: none;
}

#mentions a:hover{
font: 10px Arial;
color: #FF0000;
font-weight:bold;
display:block;
padding: 0px 20px;
text-decoration: none;
}

.footer #pageactive a{
font: 10px Arial;
color: #FF0000;
font-weight:bold;
display:block;
padding: 0px 20px;
text-decoration: none;
}

.contenu h1{
padding:0;
margin:0;
font: 22px Times;
color: #2E3192;
padding: 0px 20px;
padding-top:11px !important;
padding-top:12px;
font-weight:bold;
font-style:italic;
background-image:url('images/h1.gif');
background-repeat:repeat-x;
width:480px;
background-position:bottom left;
margin-bottom:10px;
}

.contenu h2{
padding:0;
margin:0;
font: 12px Arial;
color: #2E3192;
padding: 0px 20px;
text-decoration: none;
text-align:justify;
padding-bottom:7px !important;
padding-bottom:2px;
font-weight:bold;
}

.contenu p, .contenu li{
padding:0;
margin:0;
font: 12px Arial;
color: #686C6F;
padding: 0px 20px;
text-decoration: none;
text-align:justify;
padding-bottom:7px !important;
padding-bottom:2px;
}

.contenu .un{
list-style: inside disc;
}

.contenu .deux{
list-style: inside circle;
padding-left:20px;
}

.contenu .italique{
color: #2E3192;
font-style:italic;
}

.contenu .italique2{
font-style:italic;
}

.map{
padding-top:25px;
}

.adresse{
float:left;
}

p.adresse{
padding-right:150px;
}

a.lienplan{
font: 12px Arial;
color:#FF0000;
text-decoration:none;
}

a.lienplan:hover{
font-weight:bold;
}

.lienplan{
padding-left:20px;
}

.formulaire{
padding:0;
margin:0;
font: 12px Arial;
color: #686C6F;
padding: 0px 20px;
text-decoration: none;
text-align:justify;
padding-bottom:7px !important;
padding-bottom:2px;
}

.formulaire td{
vertical-align:top;
width:200px;
}

input, textarea{
margin-bottom:10px;
}

input{
font: 12px Arial;
color: #686C6F;
}


.hr{
margin-top:10px;
margin-left:20px;
margin-right:20px;
background-image:url('images/h1.gif');
background-repeat:repeat-x;
width:500px;
}

.contenu .imgform {
margin-left:20px;
margin-right:15px;
margin-bottom:10px;
}

.contenu .imgcentre {
margin-left:20px;
}
.contenu .imgcentre img {
margin-right:15px;
margin-bottom:10px;
}


.contenu h2{
margin-top:10px;
}

.contenu ul ul{
padding-top:5px;
padding-bottom:5px;
}