/* CSS Document */

p, li, ul, body, a, td, tr, h1, h2, h3{

	margin: 0;
}

body{
	background: url(../pictos_portail/back_general.jpg) no-repeat center top;
	background-color: #DCDEE1;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align: center;
}

.langues{
height:20px;
float:right;
margin-top:65px;
margin-bottom:121px;
text-align:right;
font-family: Verdana, Arial,Helvetica,sans-serif;
color:#CC0033;/* #EDEEEF; */
font-size: 10px;
font-weight:bold;
}

#logo{
float: left;
margin-top:20px;
}

/*----langues-----*/

	.langues a, .langues a:link, .langues a:visited {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 10px;
	color:#CC0033;
text-decoration: none; 
	}
	
	.langues a:hover {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 10px;
	color:#CC0033;
text-decoration: underline; 
}

#conteneur{
	position:relative;
	margin:auto;
	width:750px;
	text-align:left;
}

#pied{
	position:relative;
	background: #DCDEE1 url(../pictos_site_21/back_pied.jpg) no-repeat center top;
	height:150px;
	margin-top:10px;
	clear:both;
}

#contact {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	left:50px;
	top:10px;
}

#menu{
clear:both;
text-align:right;
width:750px;
height:24px;
}

*>#menu {
	height:24px;
}

/**--------edito-------**/

#edito{
	float:left;
	width:194px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../pictos_portail/back_bas_jobs.gif);
	text-align:right;

}

#edito h2{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 12px;
	color:#B61E00;
	font-weight: bold;
}

.texte_edito{
	margin-top: 50px;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	/*color:#B61E00;*/
	color:#545353;
	width:183px;
	margin-left: auto;
	margin-right:auto;
}

#edito a:active, #edito a:link, #edito a:visited {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#B61E00;
	font-weight: bold;
text-decoration: none; 
}

#edito a:hover {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#B61E00;
	font-weight: bold;
text-decoration: underline; }

/*-----centre-----*/

#centre {
	float:right;
	padding-top:60px;
	width: 508px;
	margin-top:20px;
	margin-bottom:20px;
	/*background-color: #EDEEEF;*/
	/*background:url(../pictos_site_21/back_haut_annonces.gif) no-repeat;*/
}

*>#centre {
	padding-top:60px;
}

#centre a:active, #centre a:link, #centre a:visited {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#B61E00;
text-decoration: none; 
	}
	
	#centre a:hover {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#B61E00;
text-decoration: underline; 
}

/**------annonce-----**/

.annonce{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#545353;
	border-bottom:1px #999999 dashed;
	padding-bottom:10px;
}

.annonce_accueil{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#545353;
	padding-bottom:10px;
}

.annonce_accueil h1{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 15px;
	color:#545353;
	text-align:left;
	font-weight:bold;
}

.annonce h1{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 15px;
	color:#545353;
	text-align:left;
	font-weight:bold;
}

.date_annonce {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#000000;
	text-align:right;
	font-style:italic;
}

.date_annonce_accueil {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#000000;
	text-align:left;
	font-style:italic;
}

.annonce_img{
	float:left;
	margin: 0 10px  10px 10px;
}

/*----anonce liste------*/

.annonce_liste{
	margin-top: 10px;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 10px;
	color:#000000;
	text-align:left;
}

.nom_liste{
	color:#000000;
	font-weight:bold;
}

.annonce_liste ul{
margin:0;
padding:0;
background-color:#C4C3C3;	
border-top:2px solid #545353;
}

.annonce_liste li{
	background-color:#C4C3C3;
	border-bottom:1px solid #D0D3D6;
	margin-left: 20px;
	color:#B61E00;
	padding-top:5px;
	padding-bottom:5px;
}

/**------------int-------------**/

#bloc_gauche{
	float:left;
	width:193px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:right;
}

#bloc_droit{
	float:right;
	width: 508px;
	margin-top:20px;
	margin-bottom:20px;
	background-color: #fff;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#000;
}

#bloc_droit h1{
margin-bottom:10px;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 15px;
	color:#545353;
	text-align:left;
	font-weight:bold;
}

#bloc_droit h2{
margin-bottom:10px;
border-bottom: 1px solid #545353;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 12px;
	color:#E77D33;
	text-align:left;
	font-weight:bold;
}

#bloc_droit li{
	margin-left: 15px;
	color:#B61E00;
	margin-top:5px;
	margin-bottom:5px;
}

#bloc_droit a:active, #bloc_droit a:link, #bloc_droit a:visited {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#B61E00;
	font-weight: bold;
text-decoration: none; 
}

#bloc_droit a:hover {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#B61E00;
	font-weight: bold;
text-decoration: underline; }

.article{
width: 500px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:5px;
}

/*----*/

.texte-noir {
color: #000000;
}

.texte-orange {
color: #545353;
}

.texte-rouge {
color: #B61E00;
}

h1 {
margin-bottom:10px;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 15px;
	color:#545353;
	text-align:left;
	font-weight:bold;
}

h2 {
margin-bottom:10px;
border-bottom: 1px solid #545353;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 12px;
	color:#E77D33;
	text-align:left;
	font-weight:bold;
 }

h2 a, h2 a:hover{
color: #545353;
}

h3 {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 12px;
	color:#B61E00;
	font-weight: bold;
}

img {
	border: 0;
}

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

a:hover {
color: #B61E00;
text-decoration: underline;
}

.cadre-image-gris {
border: 2px #D0D3D6 solid;
}

ul{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 0px;
padding: 0px;
}

li{
list-style-type: disc;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 5px;
padding-top: 0px;
}

ol {
list-style-type: decimal; 
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 0px;
padding: 0px;
}

/* Formulaires */
.habillage-champs {
border:1px black solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:16px;
width:200px;
padding:2px;
}

.habillage-message {
border:1px black solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
width:300px;
}

.habillage-select {
border:1px black solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

/* Popups */
#conteneur-popup {
position:relative;
top:70px;
padding-left:20px;
padding-right:20px;
}

#bloc-fermer {
position:absolute;
right:5px;
top:-60px;
}

.blocpopup {
text-align:left;
}



/*----langues-----*/

.bloc_langue{
position:relative;
clear:both;
width:508px;
height:250px;
background-color:#e6e7e9;
border:1px solid #626262;
margin-bottom:10px;
}

.drapeau{
position:relative;
width:35px;
float:left;
margin:0;
padding:1px;
margin-left:10px;
margin-top:10px;
}

.langue_texte{
position:relative;
text-align:justify;
width:430px;
margin:0;
padding:10px;
float:right;
}

	.langues a:active, .langues a:link, .langues a:visited {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 10px;
	color:#EDEEEF;
text-decoration: none; 
	}
	
	.langues a:hover {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 10px;
	color:#EDEEEF;
text-decoration: underline; 
}

#jobs{
	margin-top:20px;
	float:left;
	width:194px;
	margin-bottom:20px;
	background:url(../pictos_portail/back_bas_jobs.gif);
	text-align:right;

}

#jobs h2{
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 12px;
	color:#B61E00;
	font-weight: bold;
}

.texte_edito{
	margin-top: 50px;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	/*color:#B61E00;*/
	color:#545353;
	width:183px;
	margin-left: auto;
	margin-right:auto;
}

#jobs a:active, #jobs a:link, #jobs a:visited {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#B61E00;
	font-weight: bold;
text-decoration: none; 
}

#jobs a:hover {
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-align: left;
	font-size: 11px;
	color:#B61E00;
	font-weight: bold;
text-decoration: underline; }