/* CSS Document */

body {
margin:0;
padding:0;
background:#ffffff;
}

img {
border:0px;
}

.stop{
clear:left;
}

a {
text-decoration:none;
color:#333333;
}

a:hover {
text-decoration:underline;
}

ul {
list-style:outsite;
text-align:left;
margin:0 0 0 10px;
padding: 0 0 0 5px;
}

.orange {
color:#FF6600;
font-weight:700;
}


#conteneur {
position:relative;
width:990px;
left:50%;
margin-left:-495px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
color:#333333;
text-align:justify;

}


#bandeau {
float:left;
width:100%;
}

/*#nav {
position:absolute;
width:190px;
height:315px;
top:213px;
left:5px;
}


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


#nav li {
padding:0;
margin:5px 0 5px 0;
list-style:none;
line-height:13px;

}


#nav #acc {
float:left;
}

#nav .titre {
float:left;
background: url(img/nav.jpg) no-repeat top left;
color:#FF6600;
font-weight:700;
line-height:23px;
width:153px;
height:25px;
padding:0 0 0 35px;
font-size:12px;
margin: 0 0 0 1px;
}

#nav #news {
float:left;
background:url(img/nav_bottom.jpg) no-repeat top left;
height:80px;
width:169px;
padding:5px 10px;
color:#333333;
font-weight:700;
line-height:24px;
}


#nav #news a {
color:#333333;
text-decoration:none;
font-style:italic;
font-weight:normal;
}


#nav #news a:hover {
text-decoration:underline;
}
*/

.submit2 {
background:#6Ac2e3;
color:#FFFFFF;
width:30px;
height:24px;
line-height:15px;
text-align:center;
font-weight:700;
border: 1px solid #CCCCCC;
font-size:12px;
}



/*#nav .lien {
float:left;
background:#f4f4f4;
line-height:20px;
width:152px;
padding:5px 0 5px 36px;
margin: 0 0 0 1px;
}

#nav .lien a {
color:#333333;
text-decoration:none;

}

#nav .lien a:hover {
color:#FF6600;
text-decoration:none;

}*/



#nav {
position:absolute;
width:191px;
height:315px;
top:213px;
left:5px;
}


#nav #enteteAccueil {
width:160px;
height:38px;
padding:0 0 0 31px;
font-weight:bold;
font-size:12px;
line-height:42px;
color:#FF6600;
background:url(img/sprite.jpg) no-repeat left;
background-position:0 -160px;
}

#nav #enteteAccueil a {
	color:#FF6600;
}


#nav .separationBleu {
/*float:left;*/
width:191px;
height:16px;
background:url(img/sprite.jpg) no-repeat left;
background-position:0 0;
margin:1px 0;
}

#nav #eService {
height:63px;
width:181px;
background:url(img/sprite.jpg) no-repeat left;
background-position:0 -20px;
padding:28px 0 0 10px;
}

#nav #eService a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#nav #eService a:hover {
	text-decoration:underline;
}

#nav #eService ul {
	list-style:none;
	margin:0;
	padding:0;
}

#nav .encart {
	background:#f8f8f8;
	padding:5px;
	width:181px;
}

#nav .encart .titre {
width:150px;
height:21px;
line-height:21px;
padding:0 0 0 31px;
background:url(img/sprite.jpg) no-repeat left;
background-position:0 -210px;
font-weight:bold;
color:#FF6600;
}

#nav .encart ul {
	list-style:none;
	margin:0;
	padding:0 0 5px 31px;
	line-height:15px;
}

#nav #bottom {
	width:191px;
	height:40px;
	background:url(img/sprite.jpg) no-repeat left;
	background-position:0 -116px;
}


.img_corps {
float:left;
width:100%;
}

.image {
float:left;

}

#corps_page {
float:left;
width:760px;
padding:0 10px 0 220px;
background:url(img/fond.jpg) repeat-y;
}

#corps_page .titre {
float:left;
background:url(img/titre.jpg) no-repeat left;
line-height:18px;
color:#FFFFFF;
font-weight:700;
padding:0 0 0 25px;
width:715px;
margin:20px 0 10px 5px;
font-size:13px;

}

#corps_page h2 {
font-size:12px;
color:#FF6600;
background:url(img/puce1.gif) no-repeat left;
padding:10px 0 10px 15px;
font-weight:700;
margin:0;
line-height:15px;
}


#corps_page .italic  {
font-size:11px;
color:#FF6600;
font-style:italic;
}

#corps_page .italic a  {
color:#FF6600;
text-decoration:none;
}

#corps_page .italic a:hover  {
text-decoration:underline;
}

#corps_page ul {
margin: 10px 0 10px 10px;
list-style-position:outside;
}


#corps_page li {
margin: 0 0 5px 10px;
padding:0 0 0 20px;
list-style:none;
background:url(img/puce2.gif) no-repeat left top;
line-height:15px;
}


#corps_page .texte {
float:left;
width:740px;
margin:5px 0 10px 5px;
display:inline;/*id bug*/
}

#corps_page .col1 {
float:left;
width:335px;
padding:0 20px 0 0;
margin:15px 0 15px 10px;
display:inline;/*id bug*/
}


#corps_page .col2 {
float:right;/*avant left*/
width:360px;
padding:0 0 15px 20px; /* avant 5px 0 10px 15px*/
margin:15px 10px 0 0;/*-avanat margin:0 10px 0 0;*/
display:inline;
background:url(img/ligne.gif) repeat-y left;
}

#corps_page .col2_attente {
float:right;/*avant left*/
width:360px;
padding:0 0 15px 20px; /* avant 5px 0 10px 15px*/
margin:15px 10px 0 0;/*-avanat margin:0 10px 0 0;*/
display:inline;
}


#corps_page .col3 {
float:left;
width:335px;
background:url(img/ligne.gif) repeat-y right;
padding:0 30px 0 0;
margin:15px 0 15px 10px;
display:inline;/*id bug*/
}


#corps_page .col4 {
float:right;/*avant left*/
width:340px;
margin:15px 20px 15px 0; /* avant 5px 0 10px 15px*/
display:inline;
}


#corps_page .col0 {
float:left;/*avant left*/
width:680px;
margin:5px 0 15px 5px;
display:inline;
}


/*toutes les boites*/


#corps_page .photoacc {
float:left;
display:inline;
width:140px;
margin:20px 0 20px 20px;
text-align:center;
}

#corps_page #president {
float:left;
height:150px;
width:320px;
padding:0 0 0 10px;
}

#corps_page #president img {
padding:0 10px 0 0;
}

#corps_page #menu {
float:left;
height:30px;
width:250px;
padding:0 0 0 10px;
}


/*les deux boites fonctionnent ensemble*/
#corps_page #liste {
float:left;
display:inline;
height:600px;
width:345px;
overflow:auto;
}


#corps_page .actuacc {
float:left;
width:355px;
padding:0 0 10px 0;
margin:0 0 20px 0;
background:url(img/ligne_hozi.gif) no-repeat bottom left;
}



/*les deux boites fonctionnent ensemble*/

#corps_page #liste_colgauche {
float:left;
display:inline;
/*height:500px;*/
width:335px;
/*overflow:scroll;
*/
}

#corps_page #liste_colgauche .ligne_liste_gauche {
float:left;
width:300px;
padding:0 0 10px 0;
margin:20px 0 0 0;
background:url(img/ligne_hozi.gif) no-repeat bottom left;
}


/*formulaire*/

#corps_page .col1 p {
padding:0;
margin:4px 0;
}

#corps_page .col2 p {
padding:0;
margin:4px 0;
}

#corps_page .col3 p {
padding:0;
margin:4px 0;
}

#corps_page .col4 p {
padding:0;
margin:4px 0;
}


#corps_page #listeform {
float:left;
display:inline;
width:340px;
margin:10px 0 10px 20px;
}


#corps_page #listeformcentre {
float:left;
display:inline;
width:340px;
margin:20px 0 10px 20px;
text-align:center;
}


#corps_page #listeformcentre input {
background:#FF6600;
color:#FFFFFF;
width:100px;
height:20px;
line-height:15px;
text-align:center;
font-weight:700;
border: 1px solid #CCCCCC;
font-size:12px;
}

.submit {
background:#FF6600;
color:#FFFFFF;
width:100px;
height:20px;
padding:0 0 3px 0;
text-align:center;
font-weight:700;
border: 1px solid #CCCCCC;
font-size:12px;
}

#corps_page .colform1 {
float:left;
width:140px;
line-height:22px;
font-weight:700;
text-align:right;
}

#corps_page .colform2 {
float:left;
width:170px;
height:30px;
text-align:left;
margin:0 0 0 5px;
}

#corps_page .colform_submit {
float:left;
width:170px;
height:40px;
text-align:left;
margin:10px 0 0 5px;
}


/*formulaire page résultat*/


#corps_page .colform3 {
float:left;
width:250px;
line-height:22px;
font-weight:700;
text-align:right;
}

#corps_page .colform4 {
float:left;
width:350px;
height:30px;
text-align:left;
margin:0 0 0 5px;
margin:0 0 0 10px
}


#corps_page .centre {
float:left;
width:720px;
text-align:center;
height:50px;
margin:15px 0 0 0;
}


#corps_page .gauche {
float:left;
width:705px;
text-align:left;
margin:15px 0 0 15px;
}










/*formulaire*/




#corps_page #boite2 {
clear:left;
background:url(img/boite2.jpg) no-repeat top left;
width:225px;
height:75px;
margin:30px 0 0 20px;
padding:15px 10px 0 70px;
text-align:justify;
}

#corps_page #boite2 h3 {
color:#FF6600;
margin:0;
padding:14px 0 7px 0;
font-size:13px
}



#corps_page #boite3 {
clear:left;
background:url(img/boite3.jpg) no-repeat top left;
width:225px;
height:150px;
margin:30px 0 0 20px;
padding:15px 30px 0 70px;
text-align:justify;
}

#corps_page #boite3 h3 {
color:#FF6600;
margin:0;
padding:14px 0 7px 0;
font-size:13px
}


#corps_page #boite4 {
clear:left;
background:url(img/boite3.jpg) no-repeat top left;
width:243px;
height:150px;
margin:30px 0 0 20px;
padding:15px 30px 0 45px;
text-align:justify;
}

#corps_page #boite4 h3 {
color:#FF6600;
margin:0;
padding:14px 0 12px 22px;
font-size:13px
}



#corps_page #boite5 {
clear:left;
background:url(img/boite5.jpg) no-repeat top left;
width:218px;
height:300px;
margin:30px 0 0 20px;
padding:15px 30px 0 70px;
text-align:justify;
}

#corps_page #boite5 h3 {
color:#FF6600;
margin:0;
padding:14px 0 7px 0;
font-size:13px
}

/*toutes les boites*/


#corps_page #spacer {
float:right;
}

#corps_page #news {
clear:left;
background:url(img/lettre.jpg) no-repeat top;
width:629px;
height:138px;
margin:0 0 0 20px;
padding:30px 30px 0 50px;
text-align:justify;
}

#corps_page #news h3 {
color:#FF6600;
margin:0;
padding:0 0 12px 26px;
font-size:13px
}

#corps_page #lienlettre {
float:right;
margin:0 65px 0 0;
display:inline;
}


#footer {
clear:left;
height:25px;
line-height:20px;
width:98%;
background:url(img/footer.jpg) no-repeat top;
text-align:right;
padding:9px 2% 0 0;
}


#footer a {
color:#FFFFFF;
font-weight:700;
text-decoration:none;
font-size:10px;

}

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



/*apparition référent*/

#corps_page .check {
float:left;
width:20px;
text-align:left;
display:inline;
}