body, table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	font-size:11px;
}

.header {
	height: 136px;
	width:971px;
	background-color: #fff;
	background-repeat: no-repeat;
	text-align:center;
}
.conteneur {
	position: relative;
	width: 1000px;
	margin: 0 auto; 
	background-color:#fff;
	border:0px solid;
}

.conteneurGauche {
	position: absolute;
	width: 500px;
	margin: 0 auto; 
	background-color:#fff;
	border:0px solid;
}

.navigation_horizontale {
	position:relative;
	float:left;
	height: 30px;
	width:790px;
	background-color: #fff;
	text-align:center;
	background:url(img/barre_nav_horizontale.gif);
	font-size:10px;
}
.navigation_horizontale_orange {
	position:relative;
	float:left;
	height: 30px;
	width:790px;
	background-color: #fff;
	text-align:center;
	background:url(img/barre_nav_horizontale_orang.gif) no-repeat;
	font-size:10px;
}
.navigation_horizontale_rose {
	position:relative;
	float:left;
	height: 30px;
	width:790px;
	background-color: #fff;
	text-align:center;
	background:url(img/barre_nav_horizontale_rose.gif);
	font-size:10px;
}
.navigation_horizontale_bleu {
	position:relative;
	float:left;
	height: 30px;
	width:790px;
	background-color: #fff;
	text-align:center;
	background:url(img/barre_nav_horizontale_bleu.gif);
	font-size:10px;
}
.navigation_horizontale_vert {
	position:relative;
	float:left;
	height: 30px;
	width:790px;
	background-color: #fff;
	text-align:center;
	background:url(img/barre_nav_horizontale_vert.gif);
	font-size:10px;
}


.centre {
	position: relative;
	float:left;
	width:550px;
	padding-right:5px;
	padding-left:5px;
}

.centreMarges {
	position: relative;
	float:left;
	width:510px;
	padding-right:25px;
	padding-left:25px;
}

.gauche {
	position: relative;
	float:left;
	left:0px;
	width: 180px;
}

.droite {
	position: relative;
	float:left;
	right:0;
	width: 250px;
}

.pied {
	position:relative;
	float:left;
	height: 30px;
	width:971px;
	background-color: #fff;
	text-align:center;
}

/******************************** elements bleus fonce */

p.lettrinebleu_fonce:first-letter {
font-family: Times New Roman; font-size:360%; font-style:normal; font-weight:bold; float:left; color:#0a50a1;
}

.titre_g_bleu_fonce {
	font-size:16px;
	font-weight:bold;
	color:#0a50a1;
	line-height:20px;
}

.titre_p_bleu_fonce {
	font-size:11px;
	font-weight:bold;
	color:#0a50a1;
}

a.lien_bleu_fonce {
	color:#0a50a1;
	text-decoration:none;
}

.titre_g_bleuPetrole {
	font-size:16px;
	font-weight:bold;
	color:#0a50a1;
	line-height:20px;
}


/******************************** elements oranges */
p.lettrineorange:first-letter {
font-family: Times New Roman; font-size:360%; font-style:normal; font-weight:bold; float:left; color:#0a50a1;
}
.titre_g_orange {
	font-size:16px;
	font-weight:bold;
	color:#0a50a1;
	line-height:20px;
}

.titre_p_orange {
	font-size:11px;
	font-weight:bold;
	color:#0a50a1;
}

a.lien_orange {
	color:#0a50a1;
}


/******************************** elements roses */
p.lettrinerose:first-letter {
font-family: Times New Roman; font-size:360%; font-style:normal; font-weight:bold; float:left; color:#0a50a1;
}

.titre_g_rose {
	font-size:16px;
	font-weight:bold;
	color:#0a50a1;
	line-height:20px;
}

.titre_p_rose {
	font-size:11px;
	font-weight:bold;
	color:#0a50a1;
}

a.lien_rose {
	color:#0a50a1;
}



/******************************** elements bleus clairs */
p.lettrinebleu:first-letter {
font-family: Times New Roman; font-size:360%; font-style:normal; font-weight:bold; float:left; color:#0a50a1;
}

.titre_g_bleu {
	font-size:16px;
	font-weight:bold;
	color:#0a50a1;
	line-height:20px;
}

.titre_p_bleu {
	font-size:11px;
	font-weight:bold;
	color:#0a50a1;
}

a.lien_bleu {
	color:#0a50a1;
}



/******************************** elements verts */
p.lettrinevert:first-letter {
font-family: Times New Roman; font-size:360%; font-style:normal; font-weight:bold; float:left; color:#0a50a1;
}

.titre_g_vert {
	font-size:16px;
	font-weight:bold;
	color:#0a50a1;
	line-height:20px;
}

.titre_p_vert {
	font-size:11px;
	font-weight:bold;
	color:#0a50a1;
}

a.lien_vert {
	color:#0a50a1;
}

/******************************** blancs */
.titre_g_blanc{
font-size:1.8em;
font-weight:bold;
float:left;
color:#ffffff;
width:500px;
text-align:left;
line-height:16px;
padding-top:15px;
padding-left:20px;
}

/******************************** elements gris et noir */
.titre_g_gris{
font-size:1.8em;
font-weight:bold;
float:left;
color:#cccccc;
width:534px;
text-align:right;
line-height:16px;
padding-top:10px;
border-bottom:#888 1px solid;

}

/*  petit titre gris  */
.titre_p_gris {
	font-size:11px;
	color:#000;
}

/*  petit titre noir  */
.titre_p_noir {
	font-size:11px;
	font-weight:bolder;
	color:#000;
}


/*  grand titre noir  */
.titre_g_noir {
	font-size:16px;
	font-weight:bold;
	color:#000;
}

/******************************** ELEMENTS de la colonne gauche, bleu UPE *****************/
/* MENU de la colonne gauche, bleu UPE */
.menu_gauche{
	float:left;
	width:170px;
	left:0px;
	border-bottom:#888 1px solid;
}
.menu_gauche2{
	float:left;
	width:170px;
	left:40px;
	border-bottom:#888 1px solid;
}

.menu_gauche2 a {
	padding-left:25px;
	text-decoration: none;
	line-height:20px;
	font-weight:bold;
}

.separateur_menu{
	float:left;
	width:170px;
	height:20px;
}

.menu_gauche a {
	padding-left:15px;
	text-decoration: none;
	line-height:20px;
	font-weight:bold;
}

a.menu_bleu-fonce{
	background:url(img/puce-bleue-fonce.gif) left no-repeat;
	color: #0A50A1;
}

a.menu_orange{
	background:url(img/puce-orange.gif) top left no-repeat;
	color: #666;
}

a.menu_vert{
	background:url(img/puce-verte.gif) left no-repeat;
	color: #666;
}

a.menu_bleu{
	background:url(img/puce-bleue.gif) left no-repeat;
	color: #666;
}

a.menu_rose{
	background:url(img/puce-rose.gif) left no-repeat;
	color: #666;
}

.menu_gauche a:hover {
	text-decoration: underline;
}

/* module de recherche de la colonne gauche, bleu UPE */
.recherche_gauche{
	float:left;
	width:180px;
	left:0px;
	padding-top:20px;
}

.input_recherche_gauche{
	width:100px;
}


/* module adherents de la colonne gauche, bleu UPE */
.adherent_gauche{
	float:left;
	width:175px;
	height:125px;
	background:url(img/espaceAdherent.gif) left no-repeat;
	left:0px;
	color:#fff;
}

.form_adherent_gauche {
	padding-left:15px;
	line-height:18px;
}

.input_adherent_gauche {
	width:120px;
}

/******************************** ELEMENTS de la partie centrale *****************/
.p_centre {
 padding-right:5px;
 text-align:justify;
}
 
 

 
.bloc_txt_centre{
 width:175px;float:left;
 padding-top:10px;
}
 
.bloc_photo_centre_accueil{
float:right;padding-left:2px;width:78px;padding-top:10px;
}
 
.bloc_actu_accueil{
 float:left;
 width:530px;
 padding-top:10px;
}

/******************************** ELEMENTS de la colonne droite, bleu UPE *****************/
.menu_droit {
	list-style-type: none;
	margin: 0;
	padding:0;
}

.bloc_droite {
	border:#0a50a1 1px solid;
	width:237px;
}

.bloc_droite_bleu_fonce {
	border-left:#0a50a1 1px solid;
	border-top:#0a50a1 1px solid;
	border-right:#0a50a1 1px solid;
	width:237px;
	background-color:#fff;
}

.bloc_gauche_bleu_fonce {
	border-left:#0a50a1 1px solid;
	border-bottom:#0a50a1 1px solid;
	border-top:#0a50a1 1px solid;
	border-right:#0a50a1 1px solid;
	width:173px;
	background-color:#fff;
}


.titre_bloc_droite_bleu_fonce {
	background-color:#CFE2F8;
	color:#0a50a1;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}

.bloc_droit_bleu_fonce_bottom{
	background: url(img/bloc_droite_bottom_bleu_fonce.gif) bottom no-repeat;
	width:238px;
	height:16px;
	border-left:#0a50a1 1px solid;
}

.bloc_droite_orange {
	border-left:#ff9900 1px solid;
	border-top:#ff9900 1px solid;
	border-right:#ff9900 1px solid;
	width:237px;
	background-color:#FFF;
}

.titre_bloc_droite_orange {
	background-color:#FFF3E5;
	color:#ff9900;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}

.bloc_droit_orange_bottom{
	background: url(img/bloc_droite_bottom_orange.gif) bottom no-repeat;
	width:238px;
	height:16px;
	border-left:#FF9900 1px solid;
}

.bloc_droite_vert {
	border-top:#97BE0D 1px solid;
	border-left:#97BE0D 1px solid;
	border-right:#97BE0D 1px solid;
	width:237px;
	background-color:#fff;
}

.titre_bloc_droite_vert {
	background-color:#F3F8E7;
	color:#97BE0D;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}

.bloc_droit_vert_bottom{
	background: url(img/bloc_droite_bottom_vert.gif) bottom no-repeat;
	width:238px;
	height:16px;
	border-left:#97BE0D 1px solid;
}


.bloc_droite_bleu {
	border-left:#009EE0 1px solid;
	border-right:#009EE0 1px solid;
	border-top:#009EE0 1px solid;
	width:237px;
	background-color:#fff;
}

.titre_bloc_droite_bleu {
	background-color:#ECF4F9;
	color:#009EE0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}


.bloc_droit_bleu_bottom{
	background: url(img/bloc_droite_bottom_bleu.gif) bottom no-repeat;
	width:238px;
	height:16px;
	border-left:#009EE0 1px solid;
}

.bloc_droite_rose {
	border-left:#E2007A 1px solid;
	border-top:#E2007A 1px solid;
	border-right:#E2007A 1px solid;
	width:237px;
	background-color:#fff;
}

.titre_bloc_droite_rose {
	background-color:#FDE5F2;
	color:#E2007A;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
}

.bloc_droit_rose_bottom{
	background: url(img/bloc_droite_bottom_rose.gif) bottom no-repeat;
	width:238px;
	height:16px;
	border-left:#E2007A 1px solid;
}


.titre_bloc_droite {
 color:#0a50a1;
 font-size:12px;
 font-weight:bold;
 text-align:center;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #0a50a1;
 line-height:20px;
 background-image: url(img/titre_bloc_acc.gif);
 background-repeat: no-repeat;
}


titre_bloc_droite2 {
 color:#0a50a1;
 font-size:12px;
 font-weight:bold;
 text-align:center;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #0a50a1;
 line-height:20px;
 background-image: url(img/titre_bloc_acc.gif);
 background-repeat: no-repeat;
}


.bloc_droite_interieur {
	color:#000;
	font-size:11px;
	text-align:left;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}




/******************************** ELEMENTS généraux *****************/
p {
	margin: 0 0 10px 0;
}



.input_ok{
	width:26px;
	border:0px;
}

a.blanc_10{
	color: #ffffff;
	text-decoration: none;
	font-size:10px;
}


a.blanc_10:hover {
	color: #fff;
	text-decoration: underline;
}

span.float_left {
	float:left;
	padding-left:3px;
	width:auto;
}

span.float_right {
	float:right;
	padding-right:3px;
}

span.separateur {
	width:100%;
	height:10px;
	background:url(img/separateur.gif) left repeat-x;
}


a{
text-decoration:none;
color:black;
}

a:hover{
text-decoration:underline;
}

/* les collaborateurs */
.degrade_collaborateur{ 
float:left;
position:relative;
width:534px;
border:#333 1px solid;
background:#D9D9D9 url(img/degrade_collaborateur.jpg) top center no-repeat;}

.bloc_collaborateur{ 
float:left;
position:relative;
width:186px;
height:200px;
text-align:center;
padding:10px;
left:50px;}


.photo_collaborateur{ 
position:relative;
width:174px;
border:#069 1px solid;
text-align:center;
padding:5px;}

.titre_collaborateur{
position:relative;
vertical-align:middle;
width:186px;
height:45px;
background:url(img/fond_collaborateur2.gif) center no-repeat;
font-size:12px;
color:#fff;
text-align:center;
top:5px;}

/* fin les collaborateurs */

/* menu depliant territoires */
.ss_menu a{
 float:left;
 left:10px;
 color: #666666;
 text-decoration: none;
}
.ss_menu a:hover{
 float:left;
 left:10px;
 color: #666666;
 text-decoration: underline;
}
/* fin menu depliant territoires */