@charset "utf-8";

@import url('commun/body.css');
@import url('commun/structure.css');

/* ENTETE */

@import url('commun/navigation.css');
@import url('commun/entete.css');
@import url('commun/fil_ariane.css');

/* COLONNES */

@import url('commun/colonne_gauche.css');
@import url('commun/colonne_droite.css');

/* PIED PAGE */

@import url('commun/pied_page.css');



/* TITRE ET SOUS TITRE */
#Corps h2
{
	background: white url(../images/commun/elements/fond_titre.gif) no-repeat top left;
	font-weight: bold;
	font-size: 1.4em;
	display: block;
	padding: 5px 15px;
	margin: 10px 0 10px 0;
	
}
#espacement
{
	height: 20px;
}
/* Navigation */

#Etapes li #Etapes_Lien1
{
	background:White url(../images/commun/navigation/fond_1_acc_off.gif) no-repeat left top;
}

#Etapes li #Etapes_Lien2
{
	background: White url(../images/commun/navigation/fond_2_acc_off.gif) no-repeat left top;
}

#Etapes li #Etapes_Lien3
{
	background: White url(../images/commun/navigation/fond_3_acc_off.gif) no-repeat left top;
}

#Etapes li #Etapes_Lien4
{
	background: White url(../images/commun/navigation/fond_4_acc_off.gif) no-repeat left top;
}

#Etapes li #Etapes_Lien1:hover
{
	background: White url(../images/commun/navigation/fond_1_acc_on.gif) no-repeat left top;
}

#Etapes li #Etapes_Lien2:hover
{
	background: White url(../images/commun/navigation/fond_2_acc_on.gif) no-repeat left top;
}

#Etapes li #Etapes_Lien3:hover
{
	background: White url(../images/commun/navigation/fond_3_acc_on.gif) no-repeat left top;
}

#Etapes li #Etapes_Lien4:hover
{
	background: White url(../images/commun/navigation/fond_4_acc_on.gif) no-repeat left top;
}

#Etapes_Li1
{
	background: transparent url(../images/accueil/image1.jpg) no-repeat left top;
}

#Etapes_Li2
{
	background: transparent url(../images/accueil/image2.jpg) no-repeat left top;
}

#Etapes_Li3
{
	background: transparent url(../images/accueil/image3.jpg) no-repeat left top;
}

#Etapes_Li4
{
	background: transparent url(../images/accueil/image4.jpg) no-repeat left top;
}

#Etapes li:hover #Etapes_Lien1, #Etapes .sfhover #Etapes_Lien1
{
	background: White url(../images/commun/navigation/fond_1_acc_on.gif) no-repeat left top;
}

#Etapes li:hover #Etapes_Lien2, #Etapes .sfhover #Etapes_Lien2
{
	background: White url(../images/commun/navigation/fond_2_acc_on.gif) no-repeat left top;
}

#Etapes li:hover #Etapes_Lien3, #Etapes .sfhover #Etapes_Lien3
{
	background: White url(../images/commun/navigation/fond_3_acc_on.gif) no-repeat left top;
}

#Etapes li:hover #Etapes_Lien4, #Etapes .sfhover #Etapes_Lien4
{
	background: White url(../images/commun/navigation/fond_4_acc_on.gif) no-repeat left top;
}

/* Titre */
#Corps h3
{
	position: relative;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	display: block;
}

/* Texte + liens + date */
#Corps .Corps_Lien
{
	position: relative;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	text-align: justify;
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
}

#Corps .Corps_Lien:hover
{
	text-decoration: underline;
}

#Corps .Corps_SousTitre
{
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}

#Corps h3 .Corps_SousTitre a
{
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

#Corps .Corps_SousTitre a:hover
{
	text-decoration: underline;
}

#Corps .Corps_Date
{
	position: absolute;
	top: 0;
	right: 1px;
	font-weight: normal;
	font-size: 0.9em;
	margin: 0 0 0 0;
}


.Corps_ImgOnRight
{
	float: right;
	margin: 0 0 10px 10px;
}

#Corps p
{
	position: relative;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	text-align: justify;
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
}

/* Séparation */
#Corps hr
{
	padding: 0;
	margin: 15px 0;
	font-size: 0;
	height: 0;
	line-height: 0;
	border-top: dashed White 1px;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}


/* Boutons */
.Corps_ZoneBoutons
{
	padding: 1px 0;
	margin: 15px 0;
	border-top: solid White 1px;
	border-bottom: solid White 1px;
	border-left: 0;
	border-right: 0;
	text-align: center;
}

.Corps_ZoneBoutons a
{
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 2px 0 2px 20px;
	line-height: 14px;
	height: 14px;
}

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

.Corps_ZoneBoutons .Bt_Tout_Actu
{
	background: transparent url(../images/commun/pictos/actu.gif) no-repeat center left;
}

.Corps_ZoneBoutons .Bt_Recevoir_News
{
	background: transparent url(../images/commun/pictos/recevoir_news.gif) no-repeat center left;
}

.Corps_ZoneBoutons .Bt_RSS
{
	background: transparent url(../images/commun/pictos/rss.gif) no-repeat center left;
}

.Corps_ZoneBoutons .Bt_Tout_Dossier
{
	background: transparent url(../images/commun/pictos/dossier.gif) no-repeat center left;
}

.Corps_ZoneBoutons .BtOnLeft
{
	float: left;
}

.Corps_ZoneBoutons .BtCenter
{
	margin: 0 auto;
}

.Corps_ZoneBoutons .BtOnRight
{
	float: right;
}

.Corps_ZoneBoutons2
{
	padding: 1px 0;
	margin: -16px 0 15px 0;
	border-top: solid White 1px;
	border-bottom: solid White 1px;
	border-left: 0;
	border-right: 0;
	text-align: center;
}

* html .Corps_ZoneBoutons2
{
	padding: 1px 0;
	margin: -23px 0 15px 0;
	border-top: solid White 1px;
	border-bottom: solid White 1px;
	border-left: 0;
	border-right: 0;
	text-align: center;
}

.Corps_ZoneBoutons2 a
{
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 2px 0 2px 20px;
	line-height: 14px;
	height: 14px;
}

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

.Corps_ZoneBoutons2 .Bt_Tout_Actu
{
	background: transparent url(../images/commun/pictos/actu.gif) no-repeat center left;
}

.Corps_ZoneBoutons2 .Bt_Recevoir_News
{
	background: transparent url(../images/commun/pictos/recevoir_news.gif) no-repeat center left;
}

.Corps_ZoneBoutons2 .Bt_RSS
{
	background: transparent url(../images/commun/pictos/rss.gif) no-repeat center left;
}

.Corps_ZoneBoutons2 .Bt_Tout_Dossier
{
	background: transparent url(../images/commun/pictos/dossier.gif) no-repeat center left;
}

.Corps_ZoneBoutons2 .BtOnLeft
{
	float: left;
}

.Corps_ZoneBoutons2 .BtCenter
{
	margin: 0 auto;
}

.Corps_ZoneBoutons2 .BtOnRight
{
	float: right;
}

/* COULEURS */
#Corps h3 .Corps_SousTitre, #Corps h2, #Corps  .Corps_SousTitre a, .Bt_HautPage a
{
	color: #006176;
}

.Corps_ZoneBoutons a, .Corps_ZoneBoutons2 a, #Corps .Corps_Date, #Corps h3, #Corps .Corps_Lien, #Corps p
{
	color: #444957;
}

/* COULEURS FOND */


#Etapes li:hover #Etapes_Lien1, #Etapes .sfhover #Etapes_Lien1, #Etapes li:hover #Etapes_Lien2, #Etapes .sfhover #Etapes_Lien2,
#Etapes li:hover #Etapes_Lien3, #Etapes .sfhover #Etapes_Lien3, #Etapes li:hover #Etapes_Lien4, #Etapes .sfhover #Etapes_Lien4
{
	background-color: #004F6A;
}

#Etapes li #Etapes_Lien1, #Etapes li #Etapes_Lien2, #Etapes li #Etapes_Lien3, #Etapes li #Etapes_Lien4
{
	background-color: #381C43;
}


#Etapes li #Etapes_Lien1:hover, #Etapes li #Etapes_Lien2:hover, #Etapes li #Etapes_Lien3:hover, #Etapes li #Etapes_Lien4:hover
{
	background-color: #004F6A;
}



/* COULEURS BORDURES */
.Corps_ZoneBoutons
{
	border-top-color: #ADAFB7;
	border-bottom-color: #ADAFB7;
}
.Corps_ZoneBoutons2
{
	border-top-color: #ADAFB7;
	border-bottom-color: #ADAFB7;
}
* html .Corps_ZoneBoutons2
{
	border-top-color: #ADAFB7;
	border-bottom-color: #ADAFB7;
}

#Corps hr
{
	border-top-color: #ADAFB7;
}
