pagination/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/* STYLE DE LA PAGE ACCUEIL */
.vignette_text{
float:left;
margin-left:20px;
}

.vignette_text2{
float:left;
margin-left:0px;
}
#contenuTexte .txt_m{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:center;
margin-bottom:10px;
}

.vignette_text3{
float:left;
margin-left:40px;
}

#contenuTexte .centre{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;
text-align:center;
margin-left:120px;
}

#contenuTexte .titre{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#14a0db;
}

.vignette_image{
float:right;
margin-right:0px;
width:238px;
height:231px;
border:1ps solid red;
margin-top:20px;
}
.vignette_recrutement {
float:right;
margin-top:10px;
width:200px;
}

.texte_generale{
width:520px;
}
/* STYLE DE LA PAGE EMPLOI */

.vignette_emploi{
float:left;
width:742px;
height:70px;
background-image:url(../images/charte/img_emploi.jpg);
background-repeat:no-repeat;
margin-bottom:50px;
}
.titre_tab{
float:left;
margin-left:20px;
margin-top:8px;
}
.emploi{
float:left;
margin-left:20px;
width:340px;
margin-top:10px;
}

#contenuTexte .emploi p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;

}

#contenuTexte .emploi .titre_emp{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:20px;
color:#006699
}

#contenuTexte .titre_part{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:20px;
color:#006699;
}

#contenuTexte .titre_part2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006699;
border-bottom:1px solid #999999;
width:500px;
}
#contenuTexte .titre_part2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;

}

#contenuTexte .detail{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #0099CC;
margin-top:0px;

width:150px;
}

#contenuTexte .emploi .detail{
float:right;
}

#pagination{
	width:500px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:60px;
	margin-bottom:20px;
	border:none;
}


 #pagination p{
 text-align:center;
 margin-top:0px;
 color:#0000FF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 margin-left:250px;

}

 .next{
	float:right;
	width:123px;
	height:35px;

}

 .prev{
	float:left;
	width:123px;
	height:35px;


}

.separateur{
float:left;
margin-left:200px;
}

.separateur2{
float:left;
margin-left:220px;
margin-bottom:40px;
}



/* STYLE DE LA PAGE POSTULER */



#formulaire {
float:left;
width:380px;
margin-left:120px;
margin-top:20px;


}

#contenu #contact_fomulaire {
float:left;
width:200px;
margin-left:0px;
margin-top:20px;
}
#contact_prop {
	width:290px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:12px;
	color: #0099CC;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;

}

#contenu #formContact  input, #contenu #formContact textarea{
	width:250px;
	height:50px;
	border:1px solid #000 ;
	font-size:12px;
	color:#0c9cd9;
	font-weight:bold;
	background-color: #deeffe;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu #formContact  input, #contenu #formContact .text2{
	width:250px;
	height:20px;
	border:1px solid   #000 ;
	font-size:12px;
	font-weight:bold;
	color:#0c9cd9;
	background-color: #deeffe;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .autre{
	width:140px;
	font-size:12px;
	color:#fff;
}

#contenu #formContact input:focus, #contenuTexte #formContact textarea:focus{
	border:1px solid #000 ;
}
#contenu #formContact .champRequis{
	color: #0c9cd9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact   .bouton {
	border:1px solid   #000;
	font-size:11px;
	color:#0c9cd9;
	background-color:#deeffe;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}
#contenu #formContact  select {
	border:1px solid   #000;
	font-size:11px;
	color:#0c9cd9;
	background-color:#deeffe;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	font-weight:bold;
}


#contenu #formContact  .bouton:focus {
	border:1px solid #fff ;
}

#contenu #formContact  .capa{
	width:180px;
	border:1px solid   #000;
	font-size:12px;
	color:#0c9cd9;
	background-color:#deeffe;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .capa:focus{
	border:1px solid #000 ;
}

#contenu #formContact  .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}

#contenu .txt_bas3{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
margin-bottom:10px;

}

#contenu .txt_bas{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
text-align:justify;


}

#contenu .txt_loi{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:20px;

}
#contenuTexte .titre_postuler{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#006699;
border-bottom:1px solid #CCCCCC;
margin-top:20px;
margin-bottom:20px;
}

#contenuTexte .langue{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
margin-left:50px;
margin-top:-20px;
color:#0a9bda;
}

#contenuTexte .langue2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
margin-left:20px;
color:#0a9bda;
}
.table2{

float:left;
margin-left:100px;
}

#contenu #contact_fomulaire .table2 select{
float:left;
width:100px;
}
 .table3{
width:400px;
float:left;
margin-left:300px;
}



/* STYLE DE LA PAGE CONTACT */



#formulaire2 {
float:left;
width:380px;
margin-left:20px;
margin-top:20px;


}

#contenu #contact_fomulaire2 {
float:left;
width:200px;
margin-left:0px;
margin-top:20px;
}
#contact_prop2 {
	width:290px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:12px;
	color: #0099CC;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;

}

#contenu #formContact2  input, #contenu #formContact2 textarea{
	width:250px;
	height:50px;
	border:1px solid #000 ;
	font-size:12px;
	color:#0c9cd9;
	font-weight:bold;
	background-color: #deeffe;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu #formContact2  input, #contenu #formContact2 .text2{
	width:250px;
	height:20px;
	border:1px solid   #000 ;
	font-size:12px;
	font-weight:bold;
	color:#0c9cd9;
	background-color: #deeffe;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact2 .autre{
	width:140px;
	font-size:12px;
	color:#fff;
}

#contenu #formContact2 input:focus, #contenuTexte #formContact2 textarea:focus{
	border:1px solid #000 ;
}
#contenu #formContact2 .champRequis{
	color: #0c9cd9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact2   .bouton {
	border:1px solid   #000;
	font-size:11px;
	color:#0c9cd9;
	background-color:#deeffe;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}
#contenu #formContact2 select {
	border:1px solid   #000;
	font-size:11px;
	color:#0c9cd9;
	background-color:#deeffe;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	font-weight:bold;
}


#contenu #formContact2  .bouton:focus {
	border:1px solid #fff ;
}

#contenu #formContact2  .capa{
	width:180px;
	border:1px solid   #000;
	font-size:12px;
	color:#0c9cd9;
	background-color:#deeffe;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact2 .capa:focus{
	border:1px solid #000 ;
}

#contenu #formContact2  .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}

.coord{
float:right;
margin-top:20px;
width:200px;
margin-right:60px;

}

.coord .logo{
float: left;
margin-left:40px;
margin-bottom:30px;

}
 .plan{
float: left;
margin-left:0px;
margin-top:20px;
margin-bottom:20px;


}

#contenu #contenuTexte .coord  p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
font-weight:bold;
text-align:center;
color: #333333;

}

.partenaire{
width:700px;
height:100px;
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
clear:left;
}

.partenaire img{
float:left;
border:1px solid #000
}
	.partenaire .visuel_part{
float:left;
}
.partenaire .text_part{
float:left;
width:580px;
margin-left:10px
}

#contenuTexte .partenaire .savoir{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
color:#6699CC;
}


/* STYLE DE LA PAGE EVENEMENT */
#contenuTexte .texte_evenement{
font-family:Arial, Helvetica, sans-serif;
margin-top:10px;
font-size:12px;
text-align:center;

}



#encart-espace-collaborateur {
border:1px solid #000;
background-repeat:no-repeat;
float:left;
margin:20px 0 20px 180px;
padding-bottom:10px;
width:354px;
}

.intitule{
margin-left:60px;
margin-bottom:20px;
width:100px;
}

.tableau{
float:left;
margin-left:20px;
}

#identifiant{
float:right;
margin-right:60px;
margin-bottom:10px;
}

#password{
float:right;
margin-right:60px;
margin-bottom:10px;
}

.bouton-retour{
float:left;
margin-left:150px;
margin-top:10px;
width:100px;
height:20px;

}

#contenuTexte #encart-espace-collaborateur .mot{
text-align:center;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:15px;
color:#66CCFF;
}
#contenuTexte #encart-espace-collaborateur .espace_gras{

text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-color:#26789e;
font-size:20px;
margin-top:0px;
padding-top:3px;
font-weight:bold;
color:#fff;
}

#contenuTexte .plan_site{
float:left;
margin-left:50px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}

.envoyer{
float:left;
margin-left:100px;
margin-bottom:20px;
width:100px;
}

.acc1{
float:left;
margin-left:180px;
}


#contenuTexte .m1{
	margin:10px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:center;
	color:#999;
}

#contenuTexte .titre_m{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
line-height:22px;
color:#006699;
text-align:center;
}

.plan_separateur{

float:left;
margin-right:20px;
margin-bottom:20px;
}
.divers_plan{
float:right;
width:230px;
border:1px solid #CCCCCC;
margin-bottom:20px;
}

#contenuTexte  .coord  .divers_plan .titre_s{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:22px;
color:#000;
text-align:center;
}

/* STYLE DE LA PAGE Dommaine d'intervention */

.domaine_gauche{
float:left;
width:350px;
}

.domaine_droite{
float:right;
width:300px;
border-left:1px dotted #999999;
padding-left:20px;
}

.evenement{
float:left;
text-align:center;
margin-left:300px;
}
div#forum{
	width: 500px;
	
	height: 450px;
}