@charset "UTF-8";
/* CSS Document */

/* COULEURS :
bleu foncé : #314d93
bleu ciel : #cfdbed
bleu intermédiaire : #9bb8da
orange : #F57900			*/



/* TEXTE--------------------------------------------------------------------------------------------------------- */ 

a {
	color:#ffffff;
	text-decoration: none;
	border: hidden;
}
a:hover {
	text-decoration: none;
	border: hidden;
}
a:visited {
	text-decoration: none;
	border: hidden;
}


/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 0.3em 0 .8em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 0.5em; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
  color:#314d93;
  font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
} 

h4:hover { 
  color:#F57900;
  
} 

h3:hover { 
  color:#F57900;
  
}

h1 { 
  font-size: 21px; 
} 
h2 { 
  font-size: 1.4em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 

.titre_article{
	color:#314d93;
	font-weight:bold;
}
.titre_article:visited {
	color:#314d93;
}

ul {
list-style-type: disc;
list-style-position: outside;
margin-top:5px;


}

li{
	display : list-item;
}



/* MISE EN FORME GÉNÉRALE--------------------------------------------------------------------------------------------------------- */ 


#body {
	background-image: url(img/fond.jpg);	
	background-repeat: repeat-y;
	background-color: #cfdbed;
	background-position: center;
	margin-left: auto;
	margin-right: auto;	
	font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;	
	font-size: 9pt;
	line-height: 12pt;
	color:#314d93;
	text-align:left;
	vertical-align: top;
	}

#contenu {
	background-image: url(img/bandeau_haut.jpg);
	background-repeat: no-repeat;
	width: 930px;
	min-height: 1165px;
	margin-right: auto;	
	margin-left: auto;
	
	}
	
	
#contenu_article {
	background-image: url(img/bandeau_haut.jpg);
	background-repeat: no-repeat;
	width: 930px;
	min-height: 690px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;	
	margin-left: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	}
	
	
	
	
	
/* MENU NAVIGATION GAUCHE-------------------------------------------------------------------------------------------- */ 	
	
#conteneur_menu {
	width: 210px;
	margin-top: -50px;
	margin-left:20px;
	float:left;
	}	
	
#navigation_recherche{
	
	margin-top: 180px;
	margin-left: 250px;
	padding-right: 25px;
	color:#ffffff;
	font-weight: bold;
	
	
		}

#formulaire_recherche{
	margin-top: -42px;
		text-align:right;
		}	
#coordonnees {
	font-size: 10pt;
	line-height: 12pt;
	background-color: #cfdbed;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 13px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
	}
	
#menu_gauche {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
	margin-top: 20px;
	padding-top:10px;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:13px;
	background-color: #cfdbed;
		}
#abo {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
	margin-top: 20px;
	padding-top:10px;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:0.5px;
	background-color: #cfdbed;
		}		
.menu_gauche_texte {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	line-height: 15pt;
	color:#314d93;
			}
.menu_gauche_texte:hover {
	color:#FFFFFF;
	background-color:#314d93;
	text-decoration: none;
	border: hidden;
			}
			
.menu_gauche_texte:link {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.menu_gauche_texte:visited {
	text-decoration: none;
	border: hidden;
}

#logos {
	
	margin-top: 20px;
	padding-top:10px;
	text-align:center;
		}

#plaquette {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
	margin-top: 20px;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:13px;
	background-color: #cfdbed;
	text-align:center;
		}









/* CONTENU PAGE ---------------------------------------------------------------------------------------------------------*/ 	

.spacer{
	height:12px;
}
.invisible {
  visibility: hidden;
  height:0px;
   }

#bloc_texte_1col {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
	width: 620px;
	margin-top: 37px;
	margin-left: 250px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:13px;
	background-color: #cfdbed;
	font-weight: normal;
		}
		
#conteneur_2_cols{
	width: 660px;
	margin-top: 20px;
	margin-left: 250px;
}		
		
#bloc_texte_2col_gauche {
	background-color: #cfdbed;
	/* coins arrondis */ 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
    /* fin coins arrondis */
    background-image:url(IMG/bandeau_recherchez_form.png);
    background-repeat:no-repeat;
    background-position:center-top;
	width: 390px;
	height:292px;
	margin-top: 38px;
	padding-top:4px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:16px;
	font-weight: normal;
	line-height: 13pt;
	font-size:8.5pt;
		}
		
#bloc_desinscription_news{
	/* coins arrondis */ 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
    /* fin coins arrondis */
    width: 620px;
	height:292px;
	margin-top: 38px;
	padding-top:4px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:16px;
	background-color: #cfdbed;
	font-weight: normal;
	line-height: 13pt;
	font-size:8.5pt;
		}
		
#bloc_texte_2col_droite {
	/* coins arrondis */ 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
    /* fin coins arrondis */
    background-image:url(IMG/bandeau_form-a-venir.png);
    background-repeat:no-repeat;
	width: 199px;
	height:292px;
	margin-top: -312px;
	margin-left: 440px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	background-color: #cfdbed;
	font-weight: normal;
	line-height: 13pt;
	font-size:8.5pt;
		}
#proch_dates{
	font-weight: bold;
	line-height: 13pt;
	font-size:13px;
	margin-top: -5px;
	height:25px;
}
		
#duree_date{
	margin-top:-19px;
	margin-right:70px;
	float:right;
	font-style:italic;
		}
#texte_date{
	margin-top:20px;
	margin-left:50px;
	width:430px;
			}		
#date_stage{
	margin-top:10px;
	margin-left:50px;
	width:430px;
				}
				
#inscription{
	width:500px;
	margin-top:0px;
	margin-bottom:25px;
	margin-left:50px;
	text-align:right;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#F57900;
	padding-bottom:7px;
	padding-right:50px;
		}				
		
#texte_habillage{
	padding-right:130px;
	
}

#texte_article{
	margin-top:35px;
}
		
#illustration_article{
	float: right;
	margin-top: -85px;
	}
#photo_article{
	float: left;
	margin-top: 30px;
	margin-right:20px;
	margin-bottom:20px;
	}

hr {
clear: both;
border: 0;
}

.titre_actu{
	margin-top:10px;
}

#bloc_texte_1col_rubrique {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
    background-image:url(IMG/bandeau_choisissez.png);
    background-repeat:no-repeat;
	width: 620px;
	margin-top: 37px;
	margin-left: 250px;
	padding-top:4px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:16px;
	background-color: #cfdbed;
	font-weight: normal;
	min-height:690px;
		}
		
#bloc_texte_1col_article {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
	width: 620px;
	margin-top: 37px;
	margin-left: 250px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:13px;
	background-color: #cfdbed;
	font-weight: normal;
	
		}
		
#fb {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */
    -webkit-border-down-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 10px; /* pour Chrome */
	width: 620px;
	margin-top: 37px;
	padding:20px;
	background-color: #cfdbed;
	font-weight: normal;
	
		}
		
#texte-lien{
	padding-left:30px;
	margin-top:-5px;
}		
#url{
	margin-top:25px;
	
}	
		
#tweet{
	float:right;
	width:150px;
	height:50px;
	margin-top:-27px;
	margin-bottom:0px;
	background-color:#9bb8da;
	padding:8px;
	font-weight:bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius:4px; /* pour Chrome */ 
    -webkit-border-top-right-radius:4px; /* pour Chrome */
    -webkit-border-down-left-radius:4px; /* pour Chrome */ 
    -webkit-border-down-right-radius:4px; /* pour Chrome */
    text-decoration:underline;
	
}
		
		
		
		
/* MISE EN FORME CALENDRIER FORMATION------------------------------------------------------------------------------------------*/ 


#sous_titre_rubrique{
	margin-top: -10px;
	margin-left: 30px;
	min-height:50px;
	font-weight: bold;
	font-size:15px;
	color:#314d93;
}


#logiciel{
	margin-top: -30px;
	margin-left: 50px;
	margin-bottom: 20px;
	line-height:13pt;
}

#dates{
	width:85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:30px;
	padding:20px;
	line-height:13pt;
	background-color: #314d93;
	color: #ffffff;
	
	
}

#choix_logiciel{
	margin-top:7px;
	margin-bottom:20px;
	margin-left:60px;
	
	}
#titre_date{
	color:#ffffff;
	margin: 0.3em 0 .8em 0;  
  line-height: 0.0em; 
  font-weight: bold; 
  font-style: normal; 
  font-family: Verdana, Arial, Helvetica, FreeSans, sans-serif;
  font-size: 1.15em;
  margin-left:-20px;
  margin-top:0px;
  margin-bottom:0px;
}

#sous_titre_date{
	color:#ffffff;
	margin: 0.3em 0 .8em 0;  
	margin-bottom : 15px;
   font-size: 1em;
}	

#modules{
height:7px;
   font-weight:bold;
   margin-left:50px;
}

.lien_logiciel{
	text-decoration: none;
	color:#314d93;
}






/* FORMULAIRE INSCRIPTION-----*/

.formulaire_inscription label {
   margin-left:25px;
}
.formulaire_inscription {
   margin-top:30px;
   margin-left:50px;
}

.formulaire_inscription input {
   margin-top:5px;
   margin-bottom:15px;
   margin-right:10px;
   margin-left:25px;
   position : relative;
   width:70%;
}

.formulaire_inscription select {
   margin-top:3px;
   margin-bottom:8px;
   margin-right:10px;
   margin-left:25px;
   position : relative;
   width:70%;
}

.formulaire_inscription textarea{
   margin-top:15px;
   margin-bottom:8px;
   margin-right:10px;
   margin-left:25px;
   position : relative;
   width:70%;
   height:90px;
}

.formulaire_erreur{
	font-weight:bold;
	color:#F57900;
}

.formulaire_ok{
	font-weight:bold;
}

#bouton{
	margin-top:20px;
	margin-right:33%;
	margin-left:33%;
	border-style:none;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#43b001;
	-webkit-box-shadow: 1px 1px 3px #585858;
	-moz-box-shadow: 1px 1px 3px #585858;
	width:34%;
	text-shadow: 1px 1px 3px #585858;
	text-align:center;
	/* coins arrondis */ 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 4px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 4px; /* pour Chrome */
    -webkit-border-down-left-radius: 4px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 4px; /* pour Chrome */
    /* fin coins arrondis */
	}
	
#bouton:hover{	
	color:#F57900;
	}
	
#bouton_inscrivez-vous{
	margin-top:10px;
	margin-left:78%;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#43b001;
	text-align:center;
	-webkit-box-shadow: 1px 1px 3px #585858;
	-moz-box-shadow: 1px 1px 3px #585858;
	width:120px;
	text-shadow: 1px 1px 3px #585858;
	/* coins arrondis */ 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	behavior: url(border-radius.htc); 
	-webkit-border-top-left-radius: 4px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 4px; /* pour Chrome */
    -webkit-border-down-left-radius: 4px; /* pour Chrome */ 
    -webkit-border-down-right-radius: 4px; /* pour Chrome */
    /* fin coins arrondis */
	}	
	
	
.sous_titre_inscription{
	margin-top:15px;
	margin-bottom:7px;
	font-weight:bold;
	font-size:1.1em;
}

.formulaire_contact{
	margin-top:15px;
	margin-bottom:7px;
	color:#314d93;
	font-weight:normal;
}

.formulaire_contact label{
	margin-bottom:7px;
	color:#314d93;
	font-weight:normal;
}

.formulaire_contact spip_bouton{
	margin-top:20px;
	background-color: #cfdbed;
}

.formulaire_spip_listes_inscription label{
	font-weight:normal;
	color:#314d93;
	margin-bottom:3px;
}
.input{
	width:70%;
}
.liste-des-listes fieldset {
  visibility: hidden;
  height:0px;
  margin-bottom:-5px;
   }

/* PIED DE PAGE ---------------------------------------------------------------------------------------------------------*/ 
#pied_page {
	font-family: verdana;
	font-size: 8pt;
	line-height: 12pt;
	text-align:center;
	margin-top:210px;
	font-weight : normal;

}