/* CSS Document */




/* barres de progression */
#progression {
	margin:3px 0 22px 0;
	color:#006699;
}














/* style pour les effets d'apparition en AJAX ne pas modifier la structure */
.tumevoispas {
visibility: hidden;
}

.tumevois {
visibility: visible;
font-size : 200%; 
background-color: #DAEDFC;
width: 300px;
height: 40px;
}







#page{
width:930px;
margin-left:auto;
margin-right:auto;
border:1px solid #ABABAB;
}


#top{
width:930px;
height:162px;
color:#8C8C8C;
font: 10px normal Arial, Helvetica, sans-serif;
}

#top a {
color:#8C8C8C;
text-decoration:none;
}

#top a:hover{
color:#8C8C8C;
text-decoration:underline;
}

#topleft {
float:left;
}

#topright-tout {
background:#FFFFFF url(../_images/hommes.gif) no-repeat top left;
margin-left:230px;
}

#topright {
float:left;
/*width:430px;*/
/*height:130px;*/
padding:13px 0 0 260px;
}

#topbas{
clear:left;
}

#powered {
width:120px;
float:left;
margin-top:20px;}

#banniere {
width:468px;
height:114px;
float:right;
margin-right:20px;
}

/*left*/

#left{
float:left;
}

#blocbleu{
background-color:#BBD3E5;
height:10px;
width:161px;
margin:10px 0 0 10px;
}

#blocjaune{
background-color:#FFB10B;
width:161px;
height:18px;
margin:12px 0 0 10px;
font:12px/18px normal Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

#client{
background:url(../_images/fondleft.jpg) no-repeat top left;
background-color:#7AB6E0;
width:161px;
/*height:155px;*/
margin:3px 0 0 10px;
font:10px normal Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
text-align:center;
}

#membre{
background-color:#7AB6E0;
width:161px;
margin:0 0 0 10px;
text-align:center;
padding:5px 0 5px 0;
}

#membre ul {
margin:0;
padding:5px;
text-align:left;
font: normal 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style-position:inside;
}

#membre ul a {
text-decoration:none;
color: #FFFFFF;
}

#membre ul a:hover {
text-decoration:underline;
}

#filet{
margin:0 0 10px 10px;
}

/*right*/

#right{
float:left;
margin-left:20px;
width:720px;
}

#menu{
margin-top:10px;
}

#menu ul {
margin:0;
padding:0px;
font:normal bold 11px/22px Arial, Helvetica, sans-serif;
color:#0A61A1;
}

#menu li {
display:inline;
background: url(../_images/_pictos/picto_menu.jpg) no-repeat left top;
}

#menu a{
text-decoration:none;
color:#0A61A1;
padding-left:22px;
}

#menu a:hover{
text-decoration:underline;
color:#0A61A1;
}

#contenu{
padding:0 15px 15px 15px;
text-align:justify;
color:#515151;
font:12px normal Arial, Helvetica, sans-serif;
margin-top:30px;
}

#contenu ol {
color:#515151;
/*font:12px normal Arial, Helvetica, sans-serif;*/
}

#contenu a {
color:#515151;
/*font:12px normal Arial, Helvetica, sans-serif;*/
text-decoration:underline;
}

#contenu a:hover {
text-decoration:none;
}

.texte{
padding:0 15px 15px 15px;
text-align:justify;
color:#515151;
font:12px normal Arial, Helvetica, sans-serif;
}

.petit{
color:#515151;
font:10px normal Arial, Helvetica, sans-serif;
}

#rechercher{
padding:0 0 0 15px;
text-align:justify;
color:#515151;
font:12px normal Arial, Helvetica, sans-serif;
width:660px;
border-bottom:1px solid #4685A5;
}

/*bottom*/

#bottom{
clear:left;
color:#858585;
font:9px normal Arial, Helvetica, sans-serif;
font-weight:bold;
padding:20px 20px 10px 195px;
border-bottom:2px solid #0075B5;
text-align:right;
}

#bottom a {
color:#858585;
text-decoration:underline;
}

#bottom a:hover {
text-decoration:none;
}

/*mise en forme du contenu*/

.txtblanc{
font:12px normal Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
}

.txtblanc2{
font:10px normal Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
}

.txtblanc2 a {
color:#FFFFFF;
text-decoration:none;
}

.txtblanc2 a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.titrejaune{
color:#FFAE00;
font:18px normal Arial, Helvetica, sans-serif;
}

.titrebleu{
color:#0A61A1;
font:18px normal Arial, Helvetica, sans-serif;
}

hr {
color: #FFAE00;
height: 1px;}

.txtnoir{
color:#515151;
font:12px normal Arial, Helvetica, sans-serif;
}

.txtbleu{
color:#0A61A1;
}


.txtjaune{
color:#FFAE00;
}

.txtjaune a{
text-decoration:none;
color:#FFAE00;
}

.txtjaune a:hover{
text-decoration:underline;
color:#FFAE00;
}

.alerte {
font-weight:bold;
color:#990000;
}

/*formulaire*/

.tableau {
border: 1px solid #515151;
border-collapse:collapse;
text-align:center;
}

th {
font-weight:bold;
color:#0A61A1;
text-align:center;
padding:2px;
}

.entrer{
border:3px solid #3D7EAC;
background-color:#FFFFFF;
color:#919191;
font:14px normal Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:20px;
z-index:200;
}

.rechercher{
margin-left:530px;
width:130px;
height:43px;
border:5px solid #80A2BC;
background-color:#FFFFFF;
color:#919191;
font:14px normal Arial, Helvetica, sans-serif;
font-weight:bold;
}

.bouton{
border:5px solid #80A2BC;
background-color:#FFFFFF;
color:#919191;
font:normal bold 14px Arial, Helvetica, sans-serif;
padding:0;
cursor:pointer;
}

.boutonimportant{
border:6px solid #EF6887;
background-color:#FFFFFF;
color:#919191;
font:normal bold 16px Arial, Helvetica, sans-serif;
padding:0;
margin-left:10px;
margin-right:10px;
cursor:pointer;
}

.boutonlong {
border:5px solid #80A2BC;
background-color:#FFFFFF;
color:#919191;
font:normal bold 14px Arial, Helvetica, sans-serif;
padding:0 50px;
margin:5px;
cursor:pointer;
}

.boutonlight {
border:1px solid #80A2BC;
background-color:#FFFFFF;
color:#919191;
font:normal bold 12px Arial, Helvetica, sans-serif;
padding:0;
margin:2px;
cursor:pointer;
}

form{
margin:0;
}


.formerreur {
color:#FF0000;
background:#FFFF99;
}

.petittexte{
color:#515151;
font:normal 11px Arial, Helvetica, sans-serif;
}

.alerte {
font: 12px normal bold Arial, Helvetica, sans-serif;
color:#AA0000;

}

a.boutoncallback{
border:5px solid #80A2BC;
background-color:#FFFFFF;
color:#919191;
font:normal bold 14px Arial, Helvetica, sans-serif;
padding:5px;
cursor:pointer;
text-decoration:none;
}



/* page d'accueil */

.accueil {
width: 320px;
height: 240px;
border-left: 2px solid #C4C4C4;
padding:10px;
float:left;
}

/* je gère la largeur des tableaux */
table.iu1 {
width:700px;
}