/* CSS Document */
* {
margin:0;
padding:0;
border: 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
list-style-type: none; 
}


body{
background:#7181AC url(../img/fond.jpg) repeat-x left top;
}

#main{
position:relative;
width:948px;
margin:0 auto;
height:790px;
background:url(../img/contenu.jpg) no-repeat top;
}

#head{
position:relative;
height:109px;}

#logo{
position:absolute;
top:25px;
left:45px;
width:208px;
height:69px;
}

h3{
font-weight:bold;
padding:0 0 5px 25px;
}

#flash01{
position:absolute;
top:18px;
left:323px;}

#flash02{
position:absolute;
right:50px;
}

#small-menu{
position:absolute;
top:35px;
left:642px;
text-align:center;
font-size:12px;
line-height:25px;
}

#small-menu a, #menu a{
color:#fff;
}

#small-menu a:hover, #menu a:hover{
color:#F6A828;
}


#menu{
position:absolute;
top:136px;
left:24px;
}


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

#menu  ul#main-menu li{
height:31px;
line-height:31px;
font-size:12px;
margin-top:1px;
}

#main-menu a {
border-left:14px transparent solid;height:31px;display:block;padding-left:3px;
}

#main-menu a.aktif{
border-left:14px #F6A828 solid;
}

#main-menu a:hover{
border-left:14px #F6A828 solid;
}

#button{
position:absolute;
top:385px;
left:75px;
}


#content{
position:absolute;
top:145px;
left:280px;
width:667px;
height:590px;
}

#content ul{
margin-left:450px;
font-size:12px;
}

#content #menu-accueil li#ico-accueil{
display:inline;
padding:0 18px;
background: url(../img/ico-accueil.gif) no-repeat left center;
}

#content #menu-accueil li#ico-contact{
display:inline;
padding:0 18px;
background: url(../img/ico-contact.gif) no-repeat left center;
}

#content #menu-accueil a{
color:#526496;
}

#content #menu-accueil a:hover{
color:#fff;
}

#sub-content{
width:620px;
margin-top:50px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
text-align:justify;
line-height: 18px;
overflow: auto;
height:500px;
position:relative;
}

#sub-content p{margin-right:20px;}

#sub-content span{
font-weight: bold;
color:#526496;}

#sub-content h1{
background: url(../img/puce.gif) no-repeat left 15%;
padding:0 0 18px 18px;
font-size:14px;
color:#526496;
}

#sub-content h2{
padding:0 0 13px 10px;
font-weight: bold;
color:#526496;
}

#sub-content a{text-decoration: underline;color:#000;}

#video1{
float:left;

}

#video2{
float:right;
padding-right:15px;
}

.date{
font-size:10px;
margin:0;
font-style:italic;
}


img.imgbis{border:5px solid #fff;}
.img{border:1px solid #526496;float:left;}

p#par-img1{width:390px;float:left;}

p#par-img2{width:350px;float:right;}
.parbis{margin-top:15px;}

p#par-img3{width:357px;float:right;}

p.par-img4{width:357px;}
#img4{position:absolute;top:45px;left:370px;}

p.par-img5{width:310px;float:right;}

#img6{position:absolute;top:120px;left:370px;}

p#par-img7{width:380px;float:right;}

p#par-img8{width:365px;float:right;}

p.par-img9{width:270px;}
#img9{position:absolute;top:140px;left:290px;}

p#par-img9{width:270px;}

#img10{border:1px solid #526496;float:left;margin-top:10px;}
#li-img10{width:409px;float:right;}

#content ul.list-content{margin-left:0;}
#content ul.list-content-qualite{margin-left:0;}
#content ul.list-content-accueil{margin-left:0;}
#content ul.list-content li{
margin-left:25px;
padding-left:20px;
background: url(../img/bullet-blue.gif) no-repeat left 10%;
font-weight: normal;
}
.qualite{width:350px;}
#content ul.list-content-qualite li{
margin:0 0 15px 25px;
padding-left:20px;
background: url(../img/bullet-blue.gif) no-repeat left 10%;
font-weight: bold;
}

#content ul.list-content-accueil li{
padding-left:20px;
background: url(../img/bullet-blue.gif) no-repeat left 10%;
font-weight: normal;
}

#content ul.list-content-liens{margin-left:0;}
#content ul{margin-right:25px;}
#content ul.list-content-liens li{
margin-left:25px;padding:0 0 5px 20px;
background: url(../img/bullet-blue.gif) no-repeat left 10%;
font-weight: normal;
border-bottom:1px inset #526496;
width:430px;
margin-bottom:15px;
}



#content ol{margin:0 50px;}

#content ol li{list-style-type: decimal;}

p{margin:0 0 15px 0;}

strong{font-weight: bolder;}

.italic{font-style:italic;}

#sub-content .list-content-liens span{font-weight:normal;}

.tarifs{width:570px;text-align:center;}
td{
font-size:10px;
padding:5px;
border:1px solid #000;
}

tr.ligne1{background-color:#505B79;color:#fff;}
tr.ligne2{background-color:#EABB6D;}
tr.ligne3{background-color:#8897BE;}
tr.ligne4{background-color:#EABB6D;}
tr.ligne5{background-color:#8897BE;}

.aligner{text-align:left;}

#coordonnees{
padding-top:15px;
border: 1px #526496 groove;
background-color: #B3BBD1;
text-align:center;
width:400px;
margin:25px 0 25px 100px;}

p.coordonnees{
border-bottom:1px dashed #000;
width:370px;
text-align:center;
margin:25px 0 0 115px;
padding-bottom:5px;
}

p.citation{
float:right;
color:#526496;

}

cite{
font-style: italic;}

#footer{
position:absolute;
bottom:40px;
}

#footer ul{
margin-left:255px;
font-size:10px;
}

#footer ul li{
float:left;
border-right:1px #F6A828 solid;
padding:0 5px;
}

#footer ul li a{color:#fff;}

#footer ul li a:hover{color:#F6A828;}

#footer ul li.noborder{border:none;}

.clear{
clear:both;
}

#monForm h2{
padding:5px 0 5px 10px;
font-weight: bold;
color:#526496;
}

.red{color:#f00;}
#sub-content #monForm p span.red{color:#f00;font-weight:normal;}

#monForm p{margin:0;padding:0;width:580px;}
#monForm label
{
	text-align:right;
	width:225px;
	display:block;
	float:left;
	padding:2px;
}

#monForm p input{
border:1px solid #999;
width:300px;
font-size:12px;
padding:1px;
margin:2px;
  }
  
input.parcourir{
border:1px solid #999;
cursor:pointer;
padding:2px;
}

#sub-content #monForm textarea{
border: 1px solid #999;
vertical-align:top;
overflow: auto;
width:400px;
float:right;
}
#sub-content input.checkbox{width:15px;height:15px;margin-right:5px;}
#sub-content input.date{width:80px;}
#sub-content p.espace{padding:7px;}

#monForm2 h2{
padding:5px 0 5px 10px;
font-weight: bold;
color:#526496;
}

.red{color:#f00;}
#sub-content #monForm2 p span.red{color:#f00;font-weight:normal;}

#monForm2 p{margin:0;padding:0;width:580px;display:block;}
#monForm2 label
{
	text-align:left;
	width:160px;
	display:block;
	float:left;
	padding:2px;
}

#monForm2 p input{
border:1px solid #999;
width:300px;
padding:1px;
margin:2px;
  }
#sub-content #monForm2 textarea{
border: 1px solid #999;
vertical-align:top;
overflow: auto;
width:400px;
}
#sub-content #monForm2 input.checkbox{text-align:left;width:15px;height:15px;margin-right:5px;border:none;}
#sub-content #monForm2 input.date{width:80px;}
#sub-content #monForm2 input.radio{width:15px;height:15px;margin:0 10px;padding:0;border:none;}

#monForm2 p select{
border:1px solid #999;
width:200px;
height:20px;
  }
  
#sub-content input.submit{
float:right;
width:200px;
margin:15px;
background-color: #526496;
color:#fff;
}

#sub-content input.submit:hover{
background-color: #F6A828;
color:#000;
}


  
.cscrollbar {
padding-right:4px;
height: 500px;
overflow: auto;
}
	

.txt_center{text-align:center;}