/* ..... S T Y L E S .....   */


/***********************************************/
/*              Général                        */
/***********************************************/


body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #CCC;
}


html{
	height: 100%;
	margin: 0px;
	padding: 0px;
}


#hauteur_global{
	height: 100%;
	width: 100%;
	margin: 0px;
}


/***********************************************/
/*            M E N U   H A U T !              */
/***********************************************/


#haut{
	width: 100%;
	height: 196px;
	vertical-align: top;
	position: absolute;
	top: 0px;
	background-image: url(../ressource/background_topright.jpg);
	background-repeat: repeat-x;
	background-position: right top;
}


#masthead{
	width: 100%;
	height: 162px;
	background-image: url(../ressource/bandeau.jpg);
	background-repeat: no-repeat;
	background-position: left;
}


h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 1px;
}


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


h1 a:hover{
	text-decoration: underline;
}

h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 1px;
	text-align: center;
}


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



.organisation_vie{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f8e4bb;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	margin: 0 0 0 130px;
	font-weight: lighter;
	vertical-align: top;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #f8e4bb;
	text-align: center;
	text-decoration: none;
}


.organisation_vie a{
	text-decoration: none;
	color: #f8e4bb;
}


.organisation_vie a:hover{
	color: #333300;
}


.ciup_plan{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #577320;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	margin: 0 0 0 12px;
	font-weight: lighter;
	vertical-align: top;
}


.ciup_plan a{
	text-decoration: none;
	color: #577320;
}


.ciup_plan a:hover{
	color: #333300;
}


#antidope{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f8e4bb;
	margin: 0px;
	padding: 0px;
	font-style: normal;
	margin: 0 0 0 13px;
	font-weight: lighter;
	vertical-align: top;
	text-align: center;
}


#antidope a{
	color: #f8e4bb;
	text-decoration: none;
}


#antidope a:hover{
	color: #333300;
}


/*********** Barre de navigation horizontale milieu ***********/


#main_title{
	width: 100%;
	height: 34px;
	background-color: #a37cb9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}


.retour_accueil{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	margin: 9px 0 0 15px;
	padding: 0px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 1px;
}


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


.panier{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 9px 0 0px 5px;
	text-align: left;
}

.panier a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 9px 0 0px 0;
	text-align: center;
	text-decoration: none;
}


/***********************************************/
/*              M I L I E U !                  */
/***********************************************/


#milieu{
	width: 100%;
	position: absolute;
	top: 197px;
	background-position:left bottom;
	background-image: url(../ressource/fond_gauche.jpg);
	background-repeat: repeat-y;
	background-color: #FFF;
}


/* ---------- Menu GAUCHE ---------- */


#menu_gauche{
	float: left;
	width: 193px;
	height: 100%;
	margin: 0px;
	padding: 0px;

}

#menu_gauche ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}


/************** Menu DROITE 


#menu_droite{
	float:right;
	width: 218px;
	background-color: #F7EFE2;
	height: 100%;
}


#menu_droite p{
	color: #895ba6;
}


.rubrique_droite{
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 10px;
	width: 190px;
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}


.rubrique_droite img{
	float: left;
	padding: 0 6px 0 0;
}


.wo_md__niv0 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #895ba6;
	text-decoration: none;
	font-weight: normal;
	margin: 9px 0 0 0;
}


a.wo_md__niv0 {
	color: #895ba6;
	text-decoration: none;
}

**************/

#contact{
	padding: 10px;
	width: 190px;
	text-align: left;
}


#contact a{
	color: #895ba6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	text-decoration: none;
}


#contact a:hover{
	text-decoration: none;
	color: #666666;
}


#contact img{
	margin: 2px 10px 0 7px;
	vertical-align: bottom;
}


/*** Formulaire ***/


.wo__champ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: /*#663399*/#577320;
	height: 25px;
	text-align: left;
	font-weight: bold;
}


.wo__champ_err { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0033;
	height: 25px;
	text-align: left;
}


.wo__donnee {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;

}


.wo__form {
	padding: 0px 20px 0px 30px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}


.wo__renvoi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	text-indent: 10px;
}


.wo__mes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #726a6a;
	text-decoration: none;
	margin: 5px 0 0 0;
}



/* ---------- Pagination ---------- */


.wo__pagi, a.wo__pagi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}


a.wo__pagi:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	color: #c2de00; 
	text-decoration: underline 
}

#sign{
	position: absolute;
	bottom: 2px;
	left: 22px;
}

.liens_webop {
	color: #999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;

}
a.liens_webop:hover {  
	color: #999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;

}



/***********************************************/
/*              W E B O P !                    */
/***********************************************/


   /*              WO1                    */


/*** Menu de gauche ***/


.wo1_rub__lien1_titre, .wo11_site__lien1_titre, .wo12_site__lien1_titre, .wo3_site__lien1_titre, a.wo1_rub__lien1_titre, a.wo11_site__lien1_titre, a.wo12_site__lien1_titre, a.wo3_site__lien1_titre {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 2px 0px 1px 0px;
	text-indent: 15px;
	text-align: left;
}


a.wo1_rub__lien1_titre:hover {
	background-color: #600075;
}


   /*              WO2                    */


/*** Titre de rubrique ***/


.wo2_rub__rub1_titre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 27px;
	color: #FFFFFF;
	margin: 0 0 0 10px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 3px;
}


.wo2__rub1_titre{
	padding: 20px 20px 10px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #7B954C;
	font-style: italic;
}

.wo2__rub1_titre_violet{
	padding: 20px 20px 10px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #663399;
	font-style: italic;
}


/*** Contenu page ***/


.wo2__par1_titre{
	padding: 10px 20px 10px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #7B954C;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	background-image: url(../ressource/puce.gif);
	background-repeat: no-repeat;
	background-position: 28px 15px;
	text-indent: 17px;
}


a.wo2__par1_titre {
	padding: 0;
	background-image: none;
}


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


.wo2__par1_texte {
	padding: 20px 20px 10px 30px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-style: normal;
	height: 100%;
}


.wo2__par1_texte a, .wo2__par1_texte a:hover {
	text-decoration: underline;
}


.wo2__par1_texte img {
	float: Aucune;

}

.wo2__img, .wo11_site__img, .wo12_site__img, .wo3_site__img {
	padding: 20px 20px 10px 30px;
}

.wo2__par1_legende {
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding: 0 10px 0 10px;
	text-align: center;
}


.wo2__par1_pesp {
	margin: 20px 0 0 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #333333;
}


.wo2__lien1_titre,  a.wo2__lien1_titre{
	padding: 5px 0px 5px 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}


.wo2__doc1_titre {
	padding: 5px 0px 5px 23px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333333;
	margin: 0px;
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
}


a.wo2__doc1_titre {
	color: #666666;
	background-image: url(../ressource/fleche2.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
}


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



.wo2__par1_lien, a.wo2__par1_lien {
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-style: italic;
	text-decoration: underline;
}

/***********************************************/
/*              BIZBOA                         */
/***********************************************/

/* ---------- Boutons ---------- */

.wo__bt_ajouter_panier{background:url(../../../boutique/wo_ressource/bt_ajouter_panier.gif) no-repeat center center; height:15px; width:140px; border:0px; display:block; margin: 3px 20px 3px 40px; }
.wo__bt_go {background:url(../../../boutique/wo_ressource/bt_go.gif) no-repeat center center; height:15px; width:140px; border:0px; display:block; margin: 3px 3px 3px 10px; }
.wo__bt_valider {background:url(../../../boutique/wo_ressource/bt_valider.gif) no-repeat center center; height:15px; width:140px; border:0px; display:block; margin: 3px; }
.wo__bt_terminer {background:url(../../../boutique/wo_ressource/bt_terminer.gif) no-repeat center center; height:15px; width:140px; border:0px; display:block; margin: 3px; }
.wo__bt_recalculer {background:url(../../../boutique/wo_ressource/bt_recalculer.gif) no-repeat center center; height:15px; width:140px; border:0px; display:block; margin: 3px; }
.wo__bt_confirmer {background:url(../../../boutique/wo_ressource/bt_confirmer.gif) no-repeat center center; height:15px; width:140px; border:0px; display:block; margin: 3px; }
.wo__bt_annuler {background:url(../../../boutique/wo_ressource/bt_annuler.gif) no-repeat center center; height:15px; width:140px; border:0px; display:block; margin: 3px; }
.wo__bt_inscrivez_vous {background:url(../../../boutique/wo_ressource/bt_inscrivez_vous.gif) no-repeat center center; height:15px; width:140px; border:0px; display:block; margin: 3px; }

.wo__offre_lien {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	padding: 0 0 0 20px;
	margin: 3px 3px 3px 40px;
	text-align: left;
}

wo__offre_tab{
	height: 100%;
	line-height: 16px;
	width: 100%;
}

.wo__rub {
	padding: 0 0 0 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #7B954C;
	font-style: italic;
}

.wo__texte img {
	margin: 20px;
	padding: 20px;
}

.wo__titre {
	padding: 0px 20px 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #7B954C;
	margin: 0px;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	background-image: url(../ressource/puce.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-align: left;
}

.wo__texte {
	padding: 0 0 0 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-style: normal;
	height: 100%;
	line-height: 16px;
	width: 100%;
}

.wo__texte a{
	padding: 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-style: normal;
	height: 100%;
	line-height: 16px;
		width: 100%;
}

.wo__fct {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffae00;
	text-decoration: none;
	font-weight: bold;
}

a.wo__lien {
	font-weight: bold;
	color: #333333;
	font-size: 12px;
}

#boutique{
	margin: 0px;
	padding: 30px;
	width: 100%;
}

#formulaire{
	background-color: #FFFFFF;
	padding: 20px 40px 20px 20px;
	height: 100%;
}

/*** Wo mg ***/


#wo_mg{
	float: left;
	width: 193px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #7a52c8;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
a.wo_mg__niv0:hover {}
.wo_mg__niv0_u {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-indent: 15px;
	font-weight: normal;
	width: 193px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
a.wo_mg__niv0_u:hover {
	background-color: #600075;
	background-repeat: repeat-x;
	width: 193px;
}
.wo_mg__niv0_affi {	background-color: #600075;
	background-repeat: repeat-x;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-indent: 15px;
	font-weight: normal;
	width: 193px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;}