/*###########

	global

###########*/

#global{

margin-left:auto;

margin-right:auto;

width:1000px;

text-align:left;

}

body{

margin:0;

text-align:center;

background-color:#666666;

}

.blanc{

width:100%;

height:10px;

}

/*###########

	entete

###########*/

#entete{

float:left;

margin: auto;

margin-top:10px;

height:100px;

width:100%;

background-image:url(../img/entete_sites.jpg);

background-color:#0054a6;

background-repeat:no-repeat;

}

.entete_gauche{

float:left;

vertical-align:top;

width:30%;

}

.entete_droite{

text-align:right;

vertical-align:top;

width:65%;

}

/*###########

	menu horizontal

###########*/

.menu_horiz{

float:left;

width:100%;

height:21px;

background-color:#ffcc00;

}

.menu_horiz a{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#000000;

text-decoration:none;

}

.menu_horiz a:hover{

font-weight:bold;

text-decoration:underline;

}

/*###########

	contenu

###########*/

#contenu{

float:left;

width:100%;

height:100%;

background-color:#FFFFFF;

}

/*###########

	partie de contenu pure

###########*/

.droite{

float:left;

margin-top:10px;

background-color:#FFFFFF;

width:800px;

text-align:center;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

}

/*###########

	login

###########*/

#login{

float:left;

width:100%;

}

#login h1{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

color:#0054a6;

text-align:center;

}

#login p{

padding:10px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#000000;

text-align:justify;

}

#login form{

text-align:center;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#000000;

vertical-align:middle;

}

#login input{

margin:3px;

padding-left:5px;

padding-right:5px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#000000;

}

.cadre_gauche{

float:left;

width:50%;

border:1px solid #0054a6;

margin:10px;

padding:10px;

}

.cadre_droite{

float:left;

width:40%;

border:1px dotted #0054a6;

margin:10px;

padding:10px;

}

.cadre_milieu{

float:left;

width:95%;

padding:10px;

}

/*###########

	accueil

###########*/

#accueil{

float:left;

width:100%;

padding-top:10px;

}

#accueil h1{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

color:#0054a6;

text-align:center;

}

#accueil h2{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-style:italic;

color:#0054a6;

text-align:center;

}

#accueil h3{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-style:italic;

color:#CC0000;

text-align:center;

}

#accueil h3 a{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-style:italic;

color:#CC0000;

text-align:center;

}

#accueil h3 a:hover{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-style:italic;

color:#CC0000;

text-align:center;

}

#accueil form{

text-align:center;

}

#accueil select{

margin:3px;

}

#accueil input{

margin:3px;

}

.cadre{

float:left;

width:85%;

margin:20px;

padding:20px;

border:5px solid #0054a6;

}

/*###########

	liste

###########*/

#liste{

float:left;

width:100%;

padding-top:10px;

}

#liste h1{

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:bold;

color:#0054a6;

text-align:center;

}

#annonce{

float:left;

width:80%;

margin-left:5%;

margin-right:5%;

}

#annonce_gauche{

float:left;

width:15%;

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#000000;

text-align:center;

}

#annonce_centre{

float:left;

width:60%;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#000000;

}

#annonce_droite a{

float:left;

width:10%;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#FFFFFF;

font-weight:bold;

text-align:center;

background-color:#0054a6;

text-decoration:none;

}

#annonce_droite a:hover{

float:left;

width:10%;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

font-weight:bold;

text-align:center;

background-color:#0054a6;

text-decoration:underline;

}

#pagination{

float:left;

width:100%;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#0054a6;

font-weight:bold;

text-align:center;

text-decoration:none;

margin-bottom:10px;

}

#pagination a{

text-decoration:none;

color:#0054a6;

}

#pagination a:hover{

color:#0054a6;

text-decoration:underline;

}

/*###########

	pied

###########*/

#pied{

float:left;

width:100%;

height:30px;

background-image:url(../img/pied_sites.gif);

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#FFFFFF;

text-align:center;

}

#pied a{

text-decoration:none;

color:#FFFFFF;

}

#pied a:hover{

text-decoration:underline;

color:#FFFFFF;

}