@charset "iso-8859-1";		   

/* margin top|right|bottom|left */
/* Les lignes qui commencent par * html ne sont seulement interprétées par Internet Explorer*/
/* * {margin:0; padding:0;} : Permet de mettre toutes les marges à 0 pour l'ensemble des éléments 

Orange : #F49331 
Vert : #3FA636

*/

/* Quelques propriétés par défaut */
a img {border: 0;}

html, body {margin:0 0 0 0; padding:0; font-family:verdana; text-align:center;}

/* définition des blocs */
.ensemble {position:relative; margin-left:auto; margin-right:auto; width:760px; text-align:left;}
.logo {width:760px; margin:0; padding:0;}
.espace_menu {height:40px; width:760px; margin:-23px 0 0 0; padding:0;}
* html .espace_menu {height:0%; margin:-16px 0 0 0;}
.contenu {height:80%; width:760px; margin:0; padding:0;}
* html .contenu {padding-top:0px; margin:5px 0 0 0;}
.pied {clear:both; background-color:#FFFFFF; margin:0; padding:5px 0 0 0;}
.xiti {float:right; margin:-22px 0 0 0; padding:0; text-align:right;}

/* style du slogan */
h1.slogan {color:#F49331; font-size:18px; font-weight:bold; text-decoration:none; text-align:center;}
h2.slogan {font-size:12px; font-weight:normal; text-decoration:none; text-align:center; color:#666666;}
.adresse {color:#666666; font-size:12px; font-weight:bold; text-decoration:none; text-align:right;}
		   
/* définition des styles du menu */
.menu {position:absolute; display:block; margin:0; padding:0; font-family:Verdana; font-size:13px; font-weight:bold;}
.menu ul {position:absolute; display:block; float:left;}
.menu li {display:inline; list-style:none; color:#3232CD;}
.menu li ul {position:absolute; display:block; float:left; visibility:hidden; margin:0 0 0 102px; font-size:11px; font-weight:normal;}
* html .menu li ul {margin:17px 0 0 -110px;}
li ul.sous_menu {position:absolute; display:block; float:left; visibility:hidden; margin:0 0 0 28px; font-size:11px; font-weight:normal;}
* html li ul.sous_menu {margin:17px 0 0 -74px;}
.menu li li {display:inline;}
.menu li li ul {position:absolute; display:block; float:left; width:530px; margin:0 0 0 115px;}
* html .menu li li ul {margin:15px 0 0 -108px;}
.menu li li li {display:inline;}
.menu a {color:#3232CD; text-decoration:none;}
.menu a:hover {background-color:#66CCFF; color:white; text-decoration:none;}
.menu a.deconnexion {color:#9C0000; text-decoration:none; margin-left:0px;}
.menu a.deconnexion:hover {color:#9C0000; text-decoration:none; background-color:white;}

/* sous menu Anglais */
li ul.sous_menu_en_aglae{position:absolute; display:block; float:left; visibility:hidden; margin:0 0 0 20px; font-size:11px; font-weight:normal;}
* html li ul.sous_menu_en_aglae {margin:17px 0 0 -120px;}

li ul.sous_menu_en_prestation{position:absolute; display:block; float:left; visibility:hidden; margin:0 0 0 142px; font-size:11px; font-weight:normal;}
* html li ul.sous_menu_en_prestation {margin:17px 0 0 -98px;}

img.lang {margin:1px 0 0 0;}

.ligne hr {position:relative; top:15px; color:#3232CD;}	
* html .ligne hr {top:8px;}

/* Définition de l'édito - page d'accueil */
.bloc_edito {float:left; width:250px; margin:0; padding:0 5px 0 5px; border-left:1px solid #27279F;}
#bloc_news {float:left; width:498px; margin:0; padding:0 0 0 0; border-left:1px solid #27279F;}
* html #bloc_news {width:510px;}

/* Définition news importantes - page d'accueil */
.bloc_news_important {float:left; width:494px; margin:0 0 0px 0; padding:0 0 20px 0;}
* html .bloc_news_important {width:500px;}
.bloc_news_normal_g {float:left; width:239px; margin:0 15px 20px 0; padding:0;}
* html .bloc_news_normal_g {width:242px;}
.bloc_news_normal_d {float:left; width:239px; margin:0 0 20px 0; padding:0;}
* html .bloc_news_normal_d {width:242px;}
h1.news_important {color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; text-align:center; margin:0 0 5px 0; padding:0; border-bottom:2px solid #2C2CB2; border-top:2px solid #2C2CB2; background-color:#2C2CB2;} /* #27279F #FF9534 */
h1.news_normal {height:35px; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; padding-bottom:2px; border-top:1px solid #3232CD; border-bottom:1px solid #3232CD; background-color:#3232CD;}
* html h1.news_normal {margin-bottom:5px;}																																																 
h1.news {color:#FFFFFF; font-size:15px; font-weight:bold; text-align:center; margin:0; padding:0; border-top:1px solid #27279F; border-bottom:1px solid #27279F; background:#27279F;}
h1.news_rouge {color:#FFFFFF; font-size:15px; font-weight:bold; text-align:center; margin:0; padding:0; border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; background:#FF0000;}
h2.news {color:#FF0000; font-size:11px; font-weight:bold; text-decoration:none; text-align:center; margin:0 0 5px 0; padding:0;}
h3.news {color:#FA9632; font-size:17px; font-weight:bold; text-decoration:none; text-align:right; padding:0; margin:-20px 0 0 0;}
* html h3.news {margin:0 0 0 0;}																					 

p.description {color:#000000; font-size:12px; line-height:130%; text-align:justify; margin:-5px 0 0 0; padding:0;}
p.edito {color:#000000; font-size:12px; text-align:justify; line-height:120%; margin:5 0 10 0;}
p.edito_centrer {color:#000000; font-size:12px; text-align:justify; line-height: 120%; text-align:center; margin:5px 0 10px 0; padding:0;}

.date {color:#666666; font-size:11px; font-weight:normal;}
.date a {color:#666666;}

p.date {color:#666666; font-size:11px; font-weight:normal; margin:10px 0 0 0; padding:0;}

/* définition des styles du bandeau vertical de l'espace adhérent */
#vertical {float:left; margin:2px 0 0 0; padding:0; border-right:1px solid #27279F;}
* html #vertical {margin:27px 0 5px 0;}
#horizontal {float:right; width:720px; margin:0 0 0 0; padding:0; border-bottom:1px solid #27279F;}
#espace_adherent {float:left; width:705px; margin:0; padding:10px 5px 0 10px;}	   
* html #espace_adherent {float:none; width:705px; height:80%; margin-bottom:-5px;}

#vertical_accueil_adherent {float:left; margin:10px 30px 0 0; padding:0 5px 0 0;}
* html #vertical_accueil_adherent {margin:10px 30px 0 0;}

#resume_accueil_adherent {float:left; width:545px; margin:10px 0 0 0; padding:0 0px 0 10px;}
* html #resume_accueil_adherent {float:none; width:536px; margin:10px 0 2px 0;}


/* définition des styles du sommaire */
.sommaires {float:left; width:190px; padding:0 5px 0 5px; margin:20px 0 0 0; border-left:1px solid #27279F;}

h3.sommaire {color:#FFFFFF; font-size:15px; font-weight:bold; text-align:center; padding:0; margin:0; border-top:2px solid #27279F; border-bottom:2px solid #27279F; background-color:#27279F;}

h1.sommaire {padding:0 0 0 10px; margin:10px 0 10px 0px; background: url(../images/fleche002.gif) no-repeat 0% 60%;}
h1.sommaire a {color:#3232CD; font-size:11px; font-weight:bold; text-decoration:none; line-height:110%;}
h1.sommaire a:hover {background-color:#66CCFF; color:white; text-decoration:none;}

h2.sommaire {padding:0 0 0 10px; margin:5px 0 5px 10px; background: url(../images/fleche004.gif) no-repeat 0% 60%;} /* background: url(../images/fleche001.gif) no-repeat 0% -20%; */
h2.sommaire a {color:#3FA636; font-size:10px; text-indent:21px; text-decoration:none; line-height:100%;}
* html h2.sommaire a {text-indent:0px;}
h2.sommaire a:hover {background-color:#86D990; color:white; text-decoration:none;}

h1.sommaire_adherent {padding:0 0 0 10px; margin:0 0 10px 0; text-align:center; color:#3232CD; font-size:11px; font-weight:bold; text-decoration:none; line-height:110%;}
h1.sommaire_adherent a {color:#3232CD; font-size:11px; font-weight:bold; text-decoration:none; line-height:110%;}
h1.sommaire_adherent a:hover {background-color:#66CCFF; color:white; text-decoration:none;}

/* définition du bloc presentation */
#presentation {float:left; width:553px; margin:0; padding:0 0 0 5px; border-left:1px solid #27279F;}
* html #presentation {width:567px; height:80%; margin-bottom:-5px;}
#couleur {display:inline-block; padding:0 5px 10px 5px; margin:0; background: url(../images/bitmap6.gif);} /* background: url(../images/bitmap5.gif); */ 
* html #couleur {height:100%;}
#couleur_accueil {float:left; padding:0 0 10px 0; margin:0 0 0 5px; background: url(../images/bitmap6.gif);} /* background: url(../images/bitmap5.gif); */
* html #couleur_accueil {height:420px; margin:0 0 0 3px;}

/* Définition des titres */
h1.page {color:#F49331; font-size:17px; font-weight:bold; text-decoration:none; text-align:right; padding:0 0 2px 0; margin:-20px 0 0 0;}	  /* background-color:#2C2CB2;*/
* html h1.page {margin:5px 0 0 0; padding-right:2px;}
h2.page {color:#FFFFFF; font-size:16px; font-weight:bold; text-decoration:none; margin:0 -5px 5px -5px; padding:0 0 0 20px; border-top:1px solid #3232CD; border-bottom:1px solid #3232CD; background:url(../images/fleche_blanc.gif) no-repeat 5px #3232CD;}
* html h2.page {margin:0 -5px 5px -5px;}
h2.page_rouge {color:#FFFFFF; font-size:16px; font-weight:bold; text-decoration:none; margin:0 -5px 5px -5px; padding:0 0 0 20px; border-top:1px solid #E51E1E; border-bottom:1px solid #E51E1E; background:url(../images/fleche_blanc.gif) no-repeat 5px #E51E1E;}
* html h2.page_rouge {margin:0 -5px 5px -5px;}
h3.page {color:#3FA636; font-size:14px; font-weight:bold; text-decoration:none; margin:10px 0 -10px 5px; padding:0 0 0 10px; background:url(../images/fleche_vert.gif) no-repeat 0px 3px;}
h3.page_acces a {color:#3FA636; font-size:14px; font-weight:bold; margin:10px 0 -10px 5px; padding:0 0 0 25px; background:url(../images/fleche_vert_triple.gif) no-repeat 0px 4px;}
h3.tableau {color:#3FA636; font-size:14px; font-weight:bold; text-decoration:none; margin:0px 0 0px 5px; padding:0 0 0 10px; background:url(../images/fleche_vert.gif) no-repeat 0px 3px;}
h4.page a {color:#FFFFFF; font-size:10px; float:right; margin-top:2px; margin-right:5px;}
h5.page a {color:#FFFFFF; font-size:10px; float:right; margin-top:2px; margin-left:-400px;}

/* Définition des tableaux Plus d'infos */
table.infos {margin:10px 0 0 100px; padding:0; border-collapse:collapse;}
table.infos td {margin:0; padding:0 5px 5px 5px;}

/* Définition des paragraphe */
p {color:#000000; font-size:12px; line-height:130%; margin-bottom:0px; text-align:justify; margin-left:20px;}
p.margin {color:#000000; font-size:12px; line-height:130%; margin-bottom:0px; text-align:justify; margin-left:35px;}
p.retrait1 {color:#000000; font-size:12px; line-height:130%; margin-bottom:0px; text-align:justify; margin-left:10px;}
p.centrer {color:#000000; font-size:12px; text-align:justify; line-height: 130%; text-align:center; margin:0; padding:0;}
p.retrait {color:#666666; font-size:12px; line-height:130%; margin-left:70px;}
p.justifie {color:#000000; font-size:12px; text-align:justify; line-height:130%; margin:0; padding:0;}
p.justifie_retrait {color:#666666; font-size:12px; line-height:130%; text-indent:10px; text-align:justify;}
p.infos {color:#000000; font-size:12px; text-align:left; line-height:130%; margin:0; padding:0;}

/* Définition des listes */
.liste {color:#000000; font-size:12px; line-height:130%; margin-left:40px; list-style-type:disc;}
* html .liste {color:#000000; font-size:12px; line-height:130%; margin-left:80px; list-style-type:disc;}
.liste_circle {color:#000000; font-size:12px; line-height:130%; margin-left:40px; list-style-type:circle;}
* html .liste_circle {color:#000000; font-size:12px; line-height:130%; margin-left:80px; list-style-type:circle;}
.liste_sans {color:#000000; font-size:12px; line-height:130%; margin-left:40px; list-style-type:none;}
* html .liste_sans {color:#000000; font-size:12px; line-height:130%; margin-left:80px; list-style-type:none;}
.liste_sans_sans {color:#000000; font-size:12px; line-height:130%; margin-left:0px; padding-left:2px; list-style-type:none;}
* html .liste_sans_sans {color:#000000; font-size:12px; line-height:130%; margin-left:5px; list-style-type:none;}
.liste_retrait {color:#000000; font-size:12px; line-height:130%; margin-left:50px; margin-bottom:0; padding:0; list-style-type:disc;}
.liste_retrait1 {color:#000000; font-size:12px; list-style-type:disc; margin:0 0 0 15px; padding:0;}
.liste_none {color:#666666; font-size:12px; line-height:130%; text-indent:0px; list-style-type:none;}
.bibliotheque {color:#000000; font-size:12px; line-height:200%; margin-left:40px; list-style-type:disc;}
.liste_accueil_adherent {color:#000000; font-size:12px; line-height:130%; margin-left:30px; padding-left:2px; list-style-type:disc;}
* html .liste_accueil_adherent {color:#000000; font-size:12px; line-height:130%; margin-top:5px; margin-left:30px; list-style-type:disc;}

/* Définition des styles du pied de page */
.pied_de_page {font-family:Verdana; font-size:10px; color:#767676; font-style:italic; text-align:center;}

hr {color:#3232CD;}
img {margin:5px 0 0 0;}

/* Définition des styles pour la page En construction */
.construction {color:#666666; font-size:12px; text-align:justify; line-height:140%; text-align:center;}
.constructionAdresse {color:#3232CD; font-size:12px; text-align:justify; line-height:140%; text-align:center; font-weight:bold;}
.constructionAdresse a {color:#3232CD; font-size:12px; text-align:justify; line-height:140%; text-align:center; text-decoration:none;}

/* Définition des styles pour les formulaires 
Note d'information sur le remplissage du formulaire */
h6.information {color:#000000; font-size:12px; font-style:italic; text-decoration:none; font-weight:normal; padding:5 0 5 25; margin:5 0 5 5; background:url(../images/aide2.gif) no-repeat 0% 60%;}
h6.information_suite {color:#000000; font-size:12px; font-style:italic; text-decoration:none; font-weight:normal; padding:5 0 5 25; margin:5 0 5 5; background:url(../images/aide2.gif) no-repeat 0% 60%;}

h6.erreur {color:#666666; font-size:12px; font-style:italic; font-weight:normal; text-decoration:none; text-indent:25px; margin:0 0 0 30px; padding:5px 0 5px 0; background:url(../images/aide2.gif) no-repeat 0px 0px;} /* border-left:2px solid #FF0000; */

h6.information_centre {color:#666666; font-size:12px; font-style:italic; text-decoration:none; font-weight:normal; text-indent:25px; margin:20px 0 0 30px; padding:5px 0 5px 0; background:url(../images/aide2.gif) no-repeat 0px 0px;} /* border-left:2px solid #3232CD; */
h6.erreur_centre {color:#666666; font-size:12px; font-style:italic; font-weight:normal; text-decoration:none; text-indent:25px; margin:0 0 0 30px; padding:5px 0 5px 0; background:url(../images/aide2.gif) no-repeat 0px 0px;} /* border-left:2px solid #FF0000; */

/* Note sous le formulaire */
h1.note {padding:0 0 0 10px; margin:10px 0 10px 0px; text-align:center;}	  
h1.note a {color:#3232CD; font-size:11px; font-weight:bold; text-decoration:none; line-height:110%;}
h1.note a:hover {background-color:#66CCFF; color:white; text-decoration:none;}

/* style du tableau qui met en forme le formulaire */
table.formulaire {margin-left:30px;}
table.formulaire_2 {margin:0 0 0 22px; padding:0;}
table.formulaire_centrer {margin-left:150px;}

/* style des labels du formulaire */
h6.formulaire {color:#666666; font-size:12px; text-align:justify; line-height:140%; text-decoration:none; font-weight:bold; margin-bottom:-5px; margin-top:-2px;}
h6.formulaire_2 {color:#666666; font-size:12px;  line-height:140%; text-decoration:none; font-weight:bold; margin:0 0 -3px 0; padding:0;}
* html h6.formulaire_2 {margin:0 0 -2px 0;}

/* style des éléments du formulaire */
form.margin {margin:0; padding:0;}
input, select, option, textarea {font-family:verdana; color:#666666; font-size:12px;}
input.sans_cadre {font-family:verdana; color:#666666; font-size:12px; border:0px solid black; margin-bottom:-3px;}
input.erreur, select.erreur, option.erreur, textarea.erreur {color:#FFFFFF; background-color:#FF0000;}

/* style de la page d'accueil de l'espace adhérent */
h1.sommaire_prochainement {color:#3232CD; font-size:11px; font-weight:bold; text-decoration:none; padding:0 0 0 10px; margin:10px 0 0px 0px; background:url(../images/fleche002.gif) no-repeat 0% 60%;}
h1.accueil_adherent {color:#3232CD; font-size:12px; font-weight:bold; text-decoration:none; padding:0 0 0 10px; margin:10px 0 0px 0px; background:url(../images/fleche002.gif) no-repeat 0% 60%;}
h1.accueil_adherent_info {color:#3232CD; font-size:12px; font-weight:normal; text-decoration:none; padding:0 0 0 10px; margin:10px 0 0px 0px; background:url(../images/fleche002.gif) no-repeat 0% 60%;}
h1.accueil_adherent_rapport {color:#3FA636; font-size:12px; font-weight:bold; text-align:center; padding:0; margin:3px 0 3px 0;}
h1.accueil_adherent_rapport a {color:#3FA636; font-size:12px; font-weight:bold; text-align:center; padding:0; margin:3px 0 3px 0;}

/* Styles pour un tableau simple */
table.simple {margin:0; padding:0; border:1px solid #3232CD; border-collapse:collapse;}
table.simple td {border:1px solid #3232CD;}
table.simple td.orange {border:1px solid #3232CD; background-color:#F49331;}
table.simple td.blanc {border:1px solid #3232CD; background-color:#FFFFFF;}
table.simple td.rouge {border:1px solid #3232CD; background-color:#FF0000;}
table.simple td.jaune {border:1px solid #3232CD; background-color:#FFF790;}

table.accueil {margin:10px 0 0 40px; padding:0; border-collapse:collapse;}
table.accueil td {margin:0; padding:0 5px 5px 5px; }

/* Définition des styles pour le tableau de campagne et le tableau vos essais*/
table.campagne {margin:10px 0 0 0px; padding:0; border:1px solid #3232CD; border-collapse:collapse;}
table.campagne td {border-top:1px dotted #3232CD; border-bottom:1px dotted #3232CD; border-left:1px solid #3232CD; border-right:1px solid #3232CD;}
table.campagne td.superviseur {border-top:1px solid #3232CD; border-bottom:1px solid #3232CD; border-left:1px solid #3232CD; border-right:1px solid #3232CD;}
table.campagne td.bordure_top {border-top:1px none #3232CD;}
tr.bordure td {border:1px none #3232CD;}
tr.module {background-color:#66CCFF;}

h1.campagne {color:#000000; font-size:12px; line-height:140%; text-align:center; margin:0; padding:0;}
h2.campagne {font-size:12px; line-height:140%; margin:4px 0 4px 2px;}
h2.campagne a {color:#000000; font-size:12px; line-height:140%; text-decoration:none;}
h2.campagne a:hover {color:#FF0000;}
h2.campagne_centrer {color:#000000; font-size: 12px; line-height: 140%; text-align:center; margin-top:4px; margin-bottom:4px;}
h2.campagne_centrer a {color:#3FA636; font-size: 12px; line-height: 140%; text-align:center; margin-top:4px; margin-bottom:4px;}
h2.campagne_lien {color:#000000; font-size: 12px; line-height: 140%; text-align:center; margin-top:4px; margin-bottom:4px;}
h2.campagne_lien a {color:#000000; font-size: 12px; line-height: 140%; text-align:center; margin-top:4px; margin-bottom:4px;}
h2.campagne_lien a:hover {color:#FF0000;}
h2.campagne_nongras {font-size:12px; line-height:140%; margin:4px 0 4px 2px; font-weight:normal; text-decoration:none;}
h2.campagne_module {font-size:14px; line-height:140%; margin:4px 0 4px 2px;}
h2.campagne_action {color:#3FA636; font-size: 12px; line-height: 140%; text-align:center; margin-top:4px; margin-bottom:4px;}

p.campagne {color:#000000; font-size:12px; text-align:left; margin-left:25px; margin-top:0px; margin-bottom:5px;}
p.parametre {color:#666666; font-size:12px; line-height:150%; text-align:left; margin-left:0px; margin-right:5px;}
.nouveaute {color:#666666; font-size:12px; line-height:140%; margin-left:40px; margin-top:10px;}
.parametre {font-weight:bold; color:#3FA636;}
.nouveaute_module {color:#FF0000; font-weight:bold; text-align:center;}
.famille {color:#666666;}

/* Définition des styles pour le tableau equipe */
table.equipe {margin:0; padding:0; border:1px solid #3232CD; border-collapse:collapse;}
table.equipe td {border-top:1px solid #3232CD; border-bottom:1px solid #3232CD;}
td.equipe_fonction {width:200px;}
td.equipe_titre {background-color:#3232CD;}
table.equipe a {color:#000000; text-decoration:none;}  

/* Définition des styles pour la vie associative */
h2.operateur {font-size:12px; line-height:140%; margin:4px 0 4px 10px;}
h2.operateur a {color:#000000; font-size:12px; line-height:140%; text-decoration:none; font-weight:normal;}
h2.operateur a:hover {color:#FF0000;}

/* Définition des styles pour le plan du site */
h2.plan {color:#3232CD; font-size:16px; font-weight:bold; text-decoration:none; padding-left:15px; background:url(../images/fleche.gif) no-repeat 2px;}
h2.plan a {color:#3232CD; text-decoration:none;}
h2.plan a:hover {background-color:#66CCFF; color:white; text-decoration:none;}
h3.plan {color:#3FA636; font-size:14px; font-weight:bold; text-decoration:none; text-indent:40px; background:url(../images/fleche_vert.gif) no-repeat 30px 3px;}
h3.plan a {color:#3FA636; text-decoration:none;}
h3.plan a:hover {background-color:#86D990; color:white; text-decoration:none;}
h4.plan {color: #FA9632; font-size:13px; font-weight:bold; text-decoration:none; text-indent:60px;}
h4.plan a {color:#FA9632; text-decoration:none;}
h4.plan a:hover {background-color:#FFBA75; color:white; text-decoration:none;}

/* Styles du formulaire d'inscription */
.inscription_prix {font-size:14px; font-weight:bold;}
.inscription_prix_transport {font-size:12px; font-style:italic;}
h6.etat_on {color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:bold; margin:5px 0 5px 0; padding:0;}
h6.etat_off {color:#666666; font-size:16px; text-decoration:none; font-weight:bold; margin:5px 0 5px 0; padding:0;}
h6.avertissement {color:#000000; font-size:12px; text-decoration:none; font-weight:bold; margin:5px 0 5px 0; padding:0;}

/* Styles divers */
.rouge {color:#FF0000; font-weight:bold;}
.blanc {color:#FFFFFF; font-weight:bold;}	
.vert {color:#3FA636;} 
.gris {color:#666666;}
.gras {font-weight:bold;}
.asterix {font-size:11px; font-style:italic;}
.police {color:#666666; font-size:12px; text-align:justify; line-height:140%; text-decoration:none;}
.italic {font-style:italic;}		   
.souligne {text-decoration:underline;}
.align_droite {text-align:right;}
.note {font-size:11px; font-style:italic;}													 

#bloc_jaune {margin:0; padding:5px; background-color:#FFF790;}