/* CSS CIERA v4.0*/

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
color: #000066;
background-color: #24A6CA;
/*
background-image:url(images/fond.png);
background-position:bottom;
background-repeat:repeat-x;
background-attachment:fixed;*/
}


h2{
color:#000066;
}

h3{
color: #000066;
padding:.5em;
border-bottom:1px solid #000066;
}

h4{
color: #000066;
padding:.5em;
/*border-bottom:1px solid #000066;*/
font-size:1.1em;
}

.actualites > h5{
margin-bottom : -.75em;
}

.actualites > p{
margin-top:.75em;
margin-left:.5em;
}

a{
color: #000066;
}

a:hover{
color: #24A6CA;
}

/*a:visited{
color: #666666;
}

a:link{
color: #003366}
*/

img{
border:0;
}
/*input{
position: absolute;
left:10em;
font-size:.8em;

}

select{
position:absolute;
left:10em;
font-size:.8em;
}*/


.video{
	position : relative;
	margin : 1em auto;
	border : 2px solid #000066;
	width:380px;
	height:304px;
}

input, select{
border:1px solid #000066;
font-size:.9em;
color:#000066;
}

textarea{
border:1px solid #000066;
color:#000066;
}

blockquote{
font-style:oblique;
}

cite{
text-align:center;

}

acronym{
text-decoration:none;
border:0;

}
abbr{
text-decoration:none;
border:0;
}

table{
font-size:1.15em;
}


#esperluette{
position:fixed;
/*background:url(images/esperluette.png);*/
width:auto;
height:auto;
left:40%;

}

#btn{
position:relative;
left:25%;
margin:1em;
}

#btn2{
margin-top:1.5em;
}

#block{
	/*background-image:url(images/esperluette.png);
	background-repeat:no-repeat;
	background-position:39em 20em;
	background-attachment:fixed;*/
	position:relative;
	width:51em;
	margin:auto;
	padding-bottom:0em;
	border:7px solid #92D4EE;
	background-color:#FFFFFF;
	padding-bottom:31em;
}

/*#marge{
position: absolute;
left:.5em;
top:10em;
width:34em;
height:90%;
background:#000000;
}*/


#aideNavigation{
position:absolute;
top:-1em;
left:34em;
z-index:7;
font-size:0.8em;
}

#aideNavigation a{
font-weight:100;
text-decoration:none;

}

#aideNavigation li{
	list-style-type:none;
	display:inline;
	/*border-left:1px solid #CCCCCC;*/
	padding-left:0.5em;
}

#aideNavigation li:first-child{
border-left:0px;
}


#accessibilite{
position:absolute;
top:2.5em;
left:0.5em;
}

#accueil li{
padding:.3em;
}


.menuTitre{
padding-left:1em;
margin-top:1em;
font-size:1.1em;
color: #FFFFFF;
background-color: #92D4EE;
border-bottom:2px dotted #000066;
border-top:2px dotted #000066;
padding-bottom:.5em;
padding-top:.5em;
}

#pub{
position:relative;
top:0em;
left:.5em;
z-index:4;
}

#menu{
background-color: #92D4EE ;
position:absolute;
top:14.5em;
left:0em;
z-index:6;
width:51em;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
}

#menu a{
/*display:block;*/
text-decoration:none;
color:#FFFFFF;

}

#menu a:hover{
color: #000066;
}

#menu li{
position:relative;
left:-0.3em;

list-style:none;
display:inline;
font-size:1.1em;
color: #FFFFFF;
padding-left:0.2em;
/*background-color: #92D4EE;
border-bottom:1px solid #000066;
border-top:1px solid #000066;
*/
}

/*#menu li:first-child{
border-left:0px solid #FFFFFF;
}*/

#contact_ciera{
position:relative;
top:0em;
margin-top:0em;
left:1.5em;
/*text-align:center;*/
color: #000066;
}

#contact_ciera a{
color: #000066;
display: block;
padding:0em;
margin:0em;
width:8em;
}
#contact_ciera a:hover{
color:#92D4EE;

}

#menuPlusLoin{
padding-left:1em;
margin-top:1em;
font-size:1.1em;
color: #FFFFFF;
background-color:#000066;/*
border-bottom:2px solid #92D4EE;
border-top:2px solid #92D4EE;*/
padding-bottom:.5em;
padding-top:.5em;
}

#savoirPlus{
font-family:Verdana, Arial, Helvetica, sans-serif;
position:absolute;
left:52.8em;
top:20em;
background-color:#92D4EE;
width:18em;
padding:.5em;
/*border-left:2px dotted #999999;*/
font-size:.8em;
color: #000066;
/*position:fixed;
top:10em;
right:1em;*/
z-index:6;
}

#titreSavoir{
background-color: #000066;
color:#FFFFFF;
padding:.2em;
font-size:150%;
font-weight:bold;
}


#titre
{

position:absolute;
top:0.4em;
left:8em;

/*background-image:url(images/ciera2.png);
background-repeat:no-repeat;*/

width:13em;
height:5em;
}

#asso{
position:relative;
top:0em;
left:0em;
width:23em;
border:2px dotted #666666;
padding-left:1em;
}

#contact{
position:relative;
width:15em;
top:0em;
}

#adresseEnvoi{
position:relative;
top:-7em;
left:16em;
width:17em;
}

#adresseEnvoi2{
position:relative;
top:-14em;
left:25em;
width:17em;
}

#periode{
position:relative;
width:25em;
left:0em;
top:-6em;
}

#formulaire{
position:relative;
top:-6em;
}

#info{
margin-bottom:1em;
padding-top:1em;
border-top:1px dashed #000066;
}



/****EQUIPE****/
#accueil .photo h5{height:80px;padding-top:5em}

#accueil .photo img{margin-right:1em;float:left}


#ressources li{
padding:0.3em;
}

#fonction_admin li{
display:inline;
border-right:1px solid #FFCC00;
border-bottom:1px solid #FFCC00;
padding:.2em;
}

/*#flash{
position: absolute;
top:8.5em;
left:0.3em;
width:16.7em;
height:6.5em;
padding:.3em;
border-bottom:1px dashed #000066;
border-left:1px dashed #000066;
border-top:1px dashed #000066;
border-right:1px solid #000066;
z-index:2;
font-size:.8em;
color:#666666;

}*/

#sousTitre{
/*background-image:url(images/sous-titre.png);
background-repeat:no-repeat;
text-align:right;
*/
font-size:0.95em;
width:35em;
height:2em;
position:relative;
top:-2.4em;
left:17.5em;
z-index:2;
}

#sousTitre a{
color:#000066;
text-decoration:none;
}

#sousTitre a:hover{
color: #24A6CA;
}

#mentions{
text-align:center;
font-size:.8em;
position:relative;
bottom:10em;
margin-top:13em;

}

#acces2{
float:left;
background:#24A6CA;
}

#question{
border-bottom:1px solid #000066;

}
#intro{
font-size:1.1em;

}
#adherent{
margin-top:2em;
margin-bottom:5em;
}


#adherent input{
position:absolute;
left:30em;

}

#note{
border-top:1px dashed #000066;
}


#deco{
/*position:absolute;
top:4em;
left:3.5em;
z-index:7;
background-image:url(images/titre.png);
background-repeat:no-repeat;
height:10em;
width:15.5em;*/
}


#ca li{
padding:0.2em;
}

#geiapo{
font-size : 0.9em;
text-align:center;
}
#geiapo a{
text-decoration:blink;
font-weight:bold;
}

/*CLASS*/

.arianne{
font-size:0.9em;
margin-bottom:4.3em;
}


.paragraphe{
	position:relative;
	left:0em;
	top:4em;
	width:35em;
	height:90%;
	padding-left:15em;
	/*border-right:3px solid #CCCCCC;*/
}


.sousMenu{
position: absolute;
top:0em;
left:0em;
}
.sousMenu li{
list-style:none;
/*display:block;
padding:0.5em;*/
border-bottom:1px solid #CCCCCC;
}
.sousMenu a{
display:block;
padding:0.5em;
font-weight:100;
color:#000066;
background-color:#FAFAFA;
text-decoration:none;
}
.sousMenu a:hover{
display:block;
padding:0.5em;
font-weight:100;
background-color:#FFFFFF;
}

.sondage{
position: absolute;
top:15em;
left:0em;
width:16em;
}
.texte_centre{
	text-align : center;
}
.texte_droite{
	text-align : right;
}
.sondage h4{
margin : 0em;
}
.sondage table{
	margin-left : 1em;
	margin-bottom : 1em;
	font-size : 0.95em;
}
.sondage a{
	font-size : 0.8em;
}
.sondage a:hover{
background-color:#FFFFFF;
}


#encadre{
border : 1px solid #000066;
text-align:center;
background-color:#92D4EE;
padding:0.5em;
}


#date{
position:absolute;
top:2em;
left:0em;
width:40em;
text-align:right;
}

#authentification_admin{
position:absolute;
left:20%;
}
#authentification_admin input{
position:absolute;
left:25%
}
#utilisateur{
position:relative;
left:1.8em;
}

#nvSalarie input{
position:absolute;
left:25%;
}

#nvSalarie select{
position:absolute;
left:25%;
}


#nvAjouter input{
position:absolute;
left:25%;
}
#nvAjouter select{

position:absolute;
left:25%;
}


#message1{
color: #006600;
}

#contenu2{
width:32em;
padding:0.5em;
/*border-right:1px dashed #000066;*/
}

#cres{
border:2px dotted #000066;
padding:1em;
}

#cres img{
float:left;
}

.centre{
text-align:center;
}


.new{
text-decoration:blink;
}



.sousParagraphe{
	width:33em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:10em;
	font-size:.9em;
	/*background-image:url(images/transparent.png);
	background-repeat:repeat;*/
	border-left:1px dashed #000066;
}


.horsEcran{
position: relative;
top:-1000em;
}

.horsEcran2{
position: absolute;
top:-1000em;
}

.paragraphe_form{
width:75%;
}

.gras
{
font-weight:bold;

}

.imgSavoir{
float : left;
padding-right:.5em;

}

.position1{
position:absolute;
left:35%;
}

.position2{
position:absolute;
left:45%;
}

.position3{
position:absolute;
left:32%;
}

.position4{
position:absolute;
left:42%;
}

.text1{
font-size:.9em;
}

.text2{
font-size:.85em;
font-style:oblique;
}

.position5{
font-size:.8em;
position:absolute;
left:37em;
}

/*---ADMIN--*/

#adminMenu{
float:right;
}

#adminMenu li{
display:block;
border-bottom:1px solid #FFCC00;
list-style:none;
}

#adminMenu ul a{
display:block;
text-decoration:none;
padding:.3em;
}

#adminMenu a:hover{
display:block;
background-color:#CCCCCC;
color:#000066;
}

#adminMenu img{
position:relative;
}

#adminInfo{
position : absolute;
right : 0em;
top : 15em;
margin-top : 3em;
width : 16.2em;
border-top:1px solid #FFCC00;
border-bottom:1px solid #FFCC00;
padding : .3em;
}

#adminInfo ul{
text-decoration:none;
padding-left : .5em;
margin-top : 0.5em;
}

#adminInfo li{
list-style:none;
padding : .3em 0em;
}

#btn_pb{
position:relative;
left:15em;
}

#reception_contact{
font-weight:bold;
border:2px dotted #CC0000;
width:25em;
}

#type_erreur{
width:80%;
margin-bottom:1em;
}

#adherent_envoi{
position:absolute;
top:0em;
left:22em;
width:18em;
}
#adherent_adresse{
position:relative;
top:0em;
left:0em;
width:20em;
}

.adminParagraphe{
width:40em;
}

.reception_asso{
border:2px solid #FFCC00;
padding:1em;
}

.reception_adresse{
position:relative;
width:18em;
/*font-weight:bold;*/
}

.reception_envoi{
/**/float:right;
position:relative;
top:-12em;
left:-4em;
width:15em;
height:5em;
}
.reception_info{
position:relative;
width:auto;
}
.reception_salarie{
position:relative;
border:1px dashed #666666;
padding:.5em;
margin-bottom:.5em;
}
.rouge{
color:#CC0000;
font-weight:bold;
}

.traite_asso{
border:2px solid #FFCC00;
padding:1em;
width:40em;
}
.traite_adresse{
position:relative;
width:18em;
/*font-weight:bold;*/
}
.traite_envoi{
/**/float:right;
position:relative;
top:-17em;
left:-4em;
width:15em;
height:3em;
}
.traite_salarie{
position:relative;
border:1px dashed #666666;
padding:.5em;
margin-bottom:.5em;
}
.traitement{
margin:.5em;
}

.recherche_asso{
margin:1em;
border:2px solid #FFCC00;
padding:1em;
width:40em;
}
.recherche_asso hr{
width:40em;
color:#FFCC00;
background-color:#FFCC00;
height:2px;
border:0px;
margin-top:2em;
}
.recherche_asso hr:first-child{
width:40em;
color:#FFCC00;
background-color:#FFCC00;
height:2px;
border:0px;
}

.recherche_envoi{
/**/float:right;
position:relative;
top:-11em;
left:-4em;
width:15em;
height:3em;
}
.recherche_mois{
background-color:#DDD;
}
.recherche_salarie{
position:relative;
border:1px dashed #666666;
padding:.5em;
margin-bottom:.5em;
}

.adherent_salarie{
position:relative;
width: 40em;
}
.jaune{
color: #F8E607;
}
.rouge{
color:#990000;
}
.navigationRapide{
text-align:right;
font-size:.9em;
margin-top:2em;
margin-bottom:4em;
}

.navigationRapide li{
display:inline;
border-bottom:1px solid #000066;
border-right:1px solid #000066;
padding:.3em;
}

.navigationRapide a {
color : #666666;
text-decoration:none;
}

.auteur{
text-align:center;
margin-bottom:3em;

}

.messageBox{
background-color:orange;
padding : 1em;
border:2px solid #000066;
font-weight : bold;
font-size:1.5em;

position:fixed;
top:30%;
left:35%;
}
.italic{
font-style:italic;
color : red;
}


.fermer{
font-size:0.6em;
}

.italic2{
font-style:italic;
}

.suivi_mois{
	background-color:#DDD;
}