/*V1.11 gris */
/*V1.10 vert*/
/*V1.9 turquoise*/
/*V1.8 blanc*/
/*V1.7 violet*/
/*V1.6 orange*/
/*V1.5 bleue*/
/*V1.4  jaune*/
/*V1.3 vert*/
/*V1.2 rouge*/
/*V1.1 gris*/

/****Style concernant le site dans sa totalité*****/
.vel-body {position:relative; background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bg-31.jpg");
font-family: verdana, arial, serif; width:964px ; height:600px; margin:auto; color:black; }
.vel-body a { color:blue; font-size:1.2em; }
.color_black , .color_black p , .color_black li { color:black; } 
.titre { font-size:2.5em; font-weight: bold; color: #ce0000; text-align:center; margin-left:285px; border: 3px outset #a9dade; }
/***************************************/


/*********Boutons du site***********/
.bouton a{ font-weight:bold; text-decoration:none; }
.bouton1{ position:absolute; width: 171px;  height:40px; left: 150px; top: 88px; z-index:8;  }
a.bouton1 {   color: white;   background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton1off.gif");
text-align:center; background-repeat:no-repeat; font-size:1em; }
a.bouton1:hover { 	color: black;    background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton1on.gif");}
a.bouton1:active { 	color: #ce0000; }
.bouton2{ position:absolute; width: 164px;  height:40px; left: 125px;  top: 148px; z-index:8; }
a.bouton2 {   color: white;   background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton2off.gif");
text-align:center; background-repeat:no-repeat; font-size:1em; } 
a.bouton2:hover { 	color: black;   background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton2on.gif"); }
a.bouton2:active {	color: #ce0000;}
.bouton3{position:absolute;width: 177px; height:40px;left: 112px;top: 208px;z-index:8;}
a.bouton3 {  color: white;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton3off.gif");
text-align:center;background-repeat:no-repeat;font-size:1em;}
a.bouton3:hover {	color: black;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton3on.gif");}
a.bouton3:active {	color: #ce0000;}
.bouton4{position:absolute;width: 150px; height:40px;left: 109px;top: 268px;z-index:8;}
a.bouton4 {  color: white;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton4off.gif");
text-align:center;background-repeat:no-repeat;font-size:1em;}
a.bouton4:hover {	color: black;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton4on.gif");}
a.bouton4:active {	color: #ce0000;}
.bouton5{position:absolute;width: 154px; height:40px;left: 112px;top: 328px;z-index:8;}
a.bouton5{  color: white;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton5off.gif");
text-align:center;background-repeat:no-repeat;font-size:1em;}
a.bouton5:hover {	color: black;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton5on.gif");}
a.bouton5:active {	color: #ce0000;}
.bouton6{position:absolute;width: 159px; height:40px;left: 123px;top: 388px;z-index:8;}
a.bouton6{  color: white;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton6off.gif");
text-align:center;background-repeat:no-repeat;font-size:1em;}
a.bouton6:hover {	color: black;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton6on.gif");}
a.bouton6:active {	color: #ce0000;}
.bouton7{position:absolute;width: 166px; height:40px;left: 143px;top: 448px;z-index:8;}
a.bouton7{  color: white;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton7off.gif");
text-align:center;background-repeat:no-repeat;font-size:1em;}
a.bouton7:hover {	color: black;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton7on.gif");}
a.bouton7:active {	color: #ce0000;}
.bouton8{position:absolute;width: 172px; height:40px;left: 173px;top: 508px;z-index:8;}
a.bouton8{  color: white;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton8off.gif");
text-align:center;background-repeat:no-repeat;font-size:1em;}
a.bouton8:hover {	color: black;  background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/bouton8on.gif");}
a.bouton8:active {	color: #ce0000;}

.simple{padding-top:12px;}
.double{padding-top:6px;}
#non-dispo {	position:absolute;	left:375px;	top:510px;	width:auto;	height:auto;	z-index:10;	background-color: #FF0000;
	font-size: 14px;	font-weight: bold;	color: #FFFFFF;	display:none;	font-style: italic;	border: 1px outset #000000;
	padding-top: 2px;	padding-right: 2px;	padding-bottom: 2px;	padding-left: 5px;}
/******************************************/





/******Style concernant la page d'accuei*****l*/
.map{position:absolute;left:142px;top:25px;border: 0;z-index:5;}
.siege{position:absolute;left:320px;top:35px;border: 0;z-index:6;}
#lannion , #perros, #treguier, #pleubian, #plestin, #plouaret, #laRoche, #paimpol, #pontrieux, #begard, #belleIsle, #plouha, #lanvollon, #guingamp,
 #callac, #carhaix, #rostrenen, #saintNicolas, #quintin, #corlay, #etables,#chatelaudren, #plerin, #saintBrieuc, #ploufragan, #yffiniac, #ploeuc, #uzel,
 #mur, #loudeac, #plouguenast, #laCheze, #collinee, #merdrignac, #moncontour,#lamballe, #pleneuf, #matignon, #jugon, #plancoet, #dinan, #plelan, #broons,
 #evran, #caulnes {	position:absolute;	left:770px;	top:1px;	width:170px;	height: 320px;	z-index:9;	background-color: #ccffcc;
	border: 2px solid #000;	display:none;	color:black;	font-size:1em;	padding-left:12px;}
.locale{font-size:1em;text-decoration: underline;font-weight:bold;}
#direction, #administration {	position:absolute;	left:50px;	top:200px;	width:900px;	height: 390px;	z-index:9;		background-color: #ccffcc;
	border: 2px solid #000;	display:none;	color:black;	font-size:1em;}
.bottom{font-size:1.4em;position:absolute;top:560px;left:360px;color:white;font-weight:bold;}
/****************************************/

/*Styles concernant la page de présentation*/
.presentation_img{margin-left:400px;}
.presentation_text{font-size:1em;margin-left:330px;text-align:justify;}
.presentation_titre{text-align:center;font-size:1.2em;text-decoration:underline;font-weight:bold;}
/************************************/



/******Styles concernant le mutualisme******/
.mutualisme_prox{position: absolute;left:280px;top:200px;height:350px;width:650px;}
#prox {position: absolute;left:230px;top:20px;width:420px;font-size:1em;color:black;}
#resp {position: absolute;left:230px;top:20px;width:420px;font-size:1em;color:black;}
#soli {position: absolute;top:20px;left:230px;width:420px;font-size:1em;color:black;}
.responsabilite {position: absolute;width:200px;height:90px;}
a.responsabilite {font-weight:bold;font-size:1.5em;text-decoration:none;padding-top:20px;padding-left:7px;text-align:center;
background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/responsabilite.gif");
background-repeat:no-repeat;color:black;}
a.responsabilite:hover {background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/responsabiliteon.gif");}
a.responsabilite:active {color:white;}
.proximite{position: absolute;top:220px;height:90px;width:200px;}
a.proximite {font-weight:bold;font-size:1.5em;text-decoration:none;padding-top:20px;padding-left:20px;text-align:center;
background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/proximite.gif");
background-repeat:no-repeat;color:black;}
a.proximite:hover {background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/proximiteon.gif");}
a.proximite:active {color:white;}
.solidarite{position: absolute;top:110px;height:90px;width:200px;}
a.solidarite {font-weight:bold;font-size:1.5em;text-decoration:none;padding-top:20px;padding-left:10px;text-align:center;
background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/solidarite.gif");
background-repeat:no-repeat;color:black;}
a.solidarite:hover {background-image: url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/solidariteon.gif");}
a.solidarite:active {color:white;}
.mutualisme_def {position:absolute;left:350px;font-size:1.2em;color:black;text-align:justify;}
/***********************************/

/******Styles concernant les initiatives******/

/******Initiatives********/
.init_centre{position:relative;top:20px;left:320px;width:650px;height:500px;}
.init_boutton1{position: absolute;top:20px;height:20px;width:200px;}
a.init_boutton1 {font-weight:bold;text-decoration:none;text-align:center;background-color:#008c94;color:black;font-size:1.2em;}
a.init_boutton1:hover {background-color: #66cc99;}
.init_boutton2{position: absolute;top:50px;left:93px;height:20px;width:450px;}
a.init_boutton2 {font-weight:bold;text-decoration:none;text-align:center;background-color:#008c94;color:black;font-size:1.2em;}
a.init_boutton2:hover {background-color:  #66cc99;}
a.init_boutton2:active {color:white;}
.init_boutton3{position: absolute;top:80px;left:196px;height:20px;width:400px;}
a.init_boutton3 {font-weight:bold;text-decoration:none;text-align:center;background-color:#008c94;color:black;font-size:1.2em;}
a.init_boutton3:hover {background-color:  #66cc99;}
a.init_boutton3:active {color:white;}
.init_boutton4{position: absolute;top:110px;left:290px;height:20px;width:350px;}
a.init_boutton4 {font-weight:bold;text-decoration:none;text-align:center;background-color:#008c94;color:black;font-size:1.2em;}
a.init_boutton4:hover {background-color:#66cc99;}
a.init_boutton4:active {color:white;}
#init1 {position: absolute;top:160px;left:70px;width:550px;height:300px;font-size:1em;color:black;overflow:scroll;}
#init1 li, #init2 li {color:black;}
#init2 {position: absolute;top:160px;left:70px;width:550px;height:280px;font-size:1em;color:black;}
#init3 {position: absolute;top:160px;left:70px;width:280px;font-size:1em;color:black;}

/*****Initiatives 2*****/
.initiative_cont {height:470px;overflow:scroll;position:absolute;top:60px;left:350px;width:608px;padding-right:5px;}
.retour{position: absolute;background-image:url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/retour.gif");
background-repeat:no-repeat;top:118px;left:270px;height:362px;width:48px;}
a.retour:hover {background-image:url("http://www.ca-cotesdarmor.fr/Vitrine/ObjCommun/Fic/CotesdArmor/EspaceSocietaires/medias/retouron.gif");}
.initiative_table {width:580px;}
.init_photo{height:100px;width:100px;vertical-align:top;}
.init_text{font-size:1.1em;vertical-align:top;color:black;text-align: justify;}
.init_titre{font-size:1.4em;font-weight:bold;text-decoration:underline;color:black;}
.init_chap{font-size:1.6em;font-weight:bold;text-decoration:underline;color:black;}
.h_space{width:25px;}
.v_space{height:20px;}


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



/*****Style concernant les Assemblé généralmes*****/
.ag_texte{position:relative;left:360px;top:110px;width:600px;height:310px;font-size:1em;color:black;text-align:justify;overflow:scroll;padding-right:10px;}
.ag_texte p,.ag_texte li {color:black;}
.ag_photo{position:relative;left:360px;top:10px;}
.ag_photo1{position:absolte;z-index:6;}
.ag_photo2{position:absolute;left:200px;z-index:6;}
.ag_photo3{position:absolute;left:400px;z-index:11;}
.ag_photo4{position:absolute;left:100px;top:80px;z-index:8;}
.ag_photo5{position:absolute;left:300px;top:80px;z-index:10;}
/**********************************/


/******Style concernant la page de contact*******/
.adresse{margin-top:100px;margin-left:450px;}
/**************************************/

/******Style concernant la page devenir societaire*******/
.dev_soc{
	margin-top:45px;
	margin-left:350px;
	height: 510px;
	background-color: #CCFFFF;
	padding-right: 5px;
	padding-left: 5px;
	overflow: scroll;
}

.dev_soc_style1 {
	color: #009966;
	font-weight: bolder;
	text-align: center;
}
.dev_soc_style2 {
	color: #0066FF;
	font-weight: bold;
}
/**************************************/

/*****Style concernant les lettres de sociétaires****/
.lettre_center{position:relative;top:50px;left:350px;width:640px;height:450px;}
/*****************************************/

/******Style concernant l'abécédaire ******/
.abc_cont{position:absolute;left:350px;overflow:scroll;height:540px;padding-right:10px;width: 600px;}
/*************************************/


/*******Style concernant le contenu des popup de la pae d'accueil****/
.dir_img{position:absolute;top:5px;left:415px;}
.dir_nom{position:absolute;top:85px;left:375px;width:150px;text-align:center; }
.dir_adj_img{position:absolute;top:120px;left:415px;}
.dir_adj_nom{position:absolute;top:200px;left:375px;width:150px;text-align:center;}
.dir_1_img{position:absolute;top:235px;left:55px;}
.dir_1_nom{position:absolute;top:315px;left:15px;width:150px;text-align:center;}
.dir_2_img{position:absolute;top:235px;left:235px;}
.dir_2_nom{position:absolute;top:315px;left:195px;width:150px;text-align:center;}
.dir_3_img{position:absolute;top:235px;left:415px;}
.dir_3_nom{position:absolute;top:315px;left:375px;width:150px;text-align:center;}
.dir_4_img{position:absolute;top:235px;left:595px;}
.dir_4_nom{position:absolute;top:315px;left:555px;width:150px;text-align:center;}
.dir_5_img{position:absolute;top:235px;left:775px;}
.dir_5_nom{position:absolute;top:315px;left:735px;width:150px;text-align:center;}
.adm_dir_img{position:absolute;top:5px;left:510px;}
.adm_dir_nom{position:absolute;top:85px;left:470px;width:150px;text-align:center;}
.adm_pres_img{position:absolute;top:5px;left:320px;}
.adm_pres_nom{position:absolute;top:85px;left:280px;text-align:center;width:150px;}
.adm_bur1_img{position:absolute;top:130px;left:55px;}
.adm_bur1_nom{position:absolute;top:210px;left:15px;text-align:center;width:150px;}
.adm_bur2_img{position:absolute;top:130px;left:235px;}
.adm_bur2_nom{position:absolute;top:210px;left:195px;text-align:center;width:150px;}
.adm_bur3_img{position:absolute;top:130px;left:415px;}
.adm_bur3_nom{position:absolute;top:210px;left:375px;width:150px;text-align:center;}
.adm_bur4_img{position:absolute;top:130px;left:595px;}
.adm_bur4_nom{position:absolute;top:210px;left:555px;width:150px;text-align:center;}
.adm_bur5_img{position:absolute;top:130px;left:775px;}
.adm_bur5_nom{position:absolute;top:210px;left:735px;text-align:center;width:150px;}
.adm_mem1_img{position:absolute;top:255px;left:15px;}
.adm_mem1_nom{position:absolute;top:335px;left:0px;text-align:center;width:100px;}
.adm_mem2_img{position:absolute;top:255px;left:115px;}
.adm_mem2_nom{position:absolute;top:332px;left:100px;text-align:center;width:100px;}
.adm_mem3_img{position:absolute;top:255px;left:215px;}
.adm_mem3_nom{position:absolute;top:336px;left:200px;text-align:center;width:100px;}
.adm_mem4_img{position:absolute;top:255px;left:315px;}
.adm_mem4_nom{position:absolute;top:335px;left:300px;text-align:center;width:100px;}
.adm_mem5_img{position:absolute;top:255px;left:415px;}
.adm_mem5_nom{position:absolute;top:335px;left:400px;text-align:center;width:100px;}
.adm_mem6_img{position:absolute;top:255px;left:515px;}
.adm_mem6_nom{position:absolute;top:335px;left:500px;text-align:center;width:100px;}
.adm_mem7_img{position:absolute;top:255px;left:615px;}
.adm_mem7_nom{position:absolute;top:335px;left:600px;text-align:center;width:100px;}
.adm_mem8_img{position:absolute;top:255px;left:715px;}
.adm_mem8_nom{position:absolute;top:335px;left:700px;text-align:center;width:100px;}
.adm_mem9_img{position:absolute;top:255px;left:815px;}
.adm_mem9_nom{position:absolute;top:335px;left:800px;text-align:center;width:100px;}
.administrateur_map {font-size:0.9em;}
/*************************************/