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

body {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	/*text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #666;
	background-color: #b7b4b5;
}

a {
	color: #66B744;
}
a:hover{
	color:#333;
}
.oneColFixCtrHdr #container {
	
	width: 940px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #eee;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	box-shadow: 0 0 2px;
	/*text-align: center; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}
.oneColFixCtrHdr #header {
	background: #eee;
	padding: 0 10px 0 20px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0;
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: #eee;
}
.oneColFixCtrHdr #footer {
	padding: 0 20px;
	background-color: #eee;
	margin-top:20px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 5px 0;
}

/*CSS next-alternance*/

#logo {
	background: url(/images/top.png) center 20px no-repeat;
	height: 50px;
	padding: 20px 0;
}

#contact {

}




#menu {
	
	line-height: 25px;
	background-color: rgba(255,255,255,0.7);
	height: 35px;
	border-radius: 5px 0 0 0;
}

#menu a {
	/*margin-left: 10px;*/
	text-decoration: none;
	color: #FFFFFF;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.txt_orange {
	color: #FF6633;
}

#menu li {
	display: inline;
	color: #FFFFFF;
}

/*-----------------*/
/* Menu Deroulant */
/*-----------------*/

#nav_menu_deroulant {
    float:left;
	width: 150px;
	padding: 5px 10px
}


#nav_menu_deroulant a {
	
	color:#333;
	text-shadow:1px 1px 1px white;
	font-size:14px;
}

#nav_menu_deroulant li{
    vertical-align:middle;
}

#nav_menu_deroulant li li{
    position:relative;
    width:150px;
    margin:0;

}

#nav_menu_deroulant ul ul{
    position:absolute;
    top:auto;
    display:none;/**/
}

#nav_menu_deroulant ul ul ul{
    top:0;
    left:100%;
    margin-left:0px;
}

div#nav_menu_deroulant li:hover{
    cursor:pointer;
    z-index:100;
}

div#nav_menu_deroulant li:hover ul ul,
div#nav_menu_deroulant li li:hover ul ul,
div#nav_menu_deroulant li li li:hover ul ul,
div#nav_menu_deroulant li li li li:hover ul ul
{display:none;}

div#nav_menu_deroulant li:hover ul,
div#nav_menu_deroulant li li:hover ul,
div#nav_menu_deroulant li li li:hover ul,
div#nav_menu_deroulant li li li li:hover ul
{display:block;}


/* style de tous les items de liste */
#nav_menu_deroulant li { 
    padding:0!important;
    display:block;
}
#nav_menu_deroulant li li { 
    /*padding:0 10px 0 0 !important;*/
}
#a_menu_deroulant{
    /*padding-left:10px;
    border-bottom: 1px #161616 solid;*/
    height:30px !important;
    display:block;
}
#nav_menu_deroulant li:hover{
    /*background:url(/imagerie/commun/fleche_droite_nav.gif) no-repeat left center ;*/
    /*background-color:#535353 ;*/
    display:block;
}
.li_menu_deroulant a:hover{
    color:#B38BA4;
}

/* style de listes de deuxime niveau */

#nav_menu_deroulant ul ul {
    width: 10em;
}
#nav_menu_deroulant li li{
    /*background:url(/imagerie/commun/fleche_droite_nav.gif) no-repeat 10px center;*/
    background-color: rgba(255,255,255,0.7);
    /*border-bottom: 1px #161616 solid;*/
    width: 200px ;
    display:block;
    height:25px;
	line-height:25px !important;
}
#nav_menu_deroulant li li:hover{
    /*background:url(/imagerie/commun/fleche_droite_nav_on.gif) no-repeat 10px center;*/
   	
	background-color: rgba(255,255,255,0.4);
    color: #000;
    width: 200px ;
    display:block;
}
#nav_menu_deroulant li li a{
	color:#333;
	padding-left:10px;
	padding-bottom:5px;

}
#nav_menu_deroulant li li a:hover{
    color:#000;
}

/* style de listes de troisime niveau et plus */

#nav_menu_deroulant li li li { 
    /*background:url(/imagerie/commun/fleche_droite_nav_on.gif) no-repeat 10px 6px #373737;*/
    border-bottom: 0;
    display:block;
}
#nav_menu_deroulant li li li:hover{ 
    /*	background:url(/imagerie/commun/fleche_droite_nav_on.gif) no-repeat 10px 6px #242424;*/
    display:block;
}
#nav_menu_deroulant li li li a{
    color:#898989;
}
#nav_menu_deroulant li li li a:hover{
    color:#FFFFFF;
}

#liste_groupe {
    width: 250px !important ;
    line-height:20px !important;
    vertical-align:middle;
}


#slider {
	/*background-color: #c4ebc4;*/
	background-image:url(../images/slider.jpg);
	background-position:left top;
	height:260px;
	background-color: #fff;
	background-repeat: no-repeat;
	margin:0 20px
}

#profil {
	margin-top:25px;
	border:none;
	height:180px;
	margin-left: 25px;

}

#candidat {
	float: left;
	padding:7px;
	margin-right:40px;
}

#espace_etudiant p{
    background:url(/images/index/bloc-trans.png);
    background-repeat:repeat;
    display:block;
    padding-top:0;
	margin:0;
    padding-left:4px;
}

#entreprise {

	float: left;
	width: 380px;
	padding: 7px;
}
#espace_entreprise p{
    background:url(/images/index/bloc-trans.png);
    background-repeat:repeat;
    display:block;
    padding-top:0;
	margin:0;
    padding-left:4px;
	font-size:12px;
}
#espace_etudiant.bloc_home {
    background: url(/images/index/acces_etudiant.jpg) no-repeat 2px 0;
}
#espace_etudiant  p,#espace_entreprise p {
    margin-left: 160px;
}
#espace_entreprise.bloc_home {
    background: url(/images/index/acces_entreprise.jpg) no-repeat 2px 0;
}

#bloc_home_body ul {
    margin-top:0px;
    margin-bottom:0px;
}
.titre_espace {
    font-size: 27px;
    color: #666666;
    text-transform: uppercase;
    line-height: 25px;
}
.stitre_espace {
    font-size: 25px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    line-height: 25px;
    font-stretch: condensed;
}
#espace_etudiant img,#espace_entreprise img {
    float: left;
}


#espace_etudiant #bloc_home_body,#espace_entreprise #bloc_home_body {
    height: 160px;
}

#depot_cv{
    padding:0px;
  /*  height:47px;*/
    width:187px;
    font-size:15px;
    font-weight:bold;
    text-align:center;
}

#depot_cv a{
    display:block;
    padding-top:8px;
    text-decoration:none;
    color:#66b744;
    width:187px;
    height:28px;
    background-image:url(/images/index/btn_vert_cv.png);
    background-repeat:no-repeat;
}
#offre_emploi a{
    display:block;
    padding-top:8px;
    text-decoration:none;
    color:#F47226 !important;
    width:187px;
    height:28px;
    background-image:url(/images/index/btn_orange_offre.png);
    background-repeat:no-repeat;
}


h1 {
	
	font-size:22px;
	color:#444;
	font-family:Geneva, sans-serif;
	text-shadow:1px 1px 1px white;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

h2 {
	
	font-size:18px;
	color:#666;
	font-family:Geneva, sans-serif;
	margin: 20px 0 0;
	text-shadow:1px 1px 1px white;
}

#formations{
	position: relative;
}



#formations_img ul {
	overflow:auto;
	padding:0;
	margin:0;
	list-style:none;
}

#formations_img li {
	height:165px;
	overflow:hidden;
	float:left;
	margin:5px 20px 5px 5px;
}

#formations_img p {
	
	height:300px;
	padding:5px 10px;
	opacity:.9;
	font-size:14px;
	width:250px;
	background-color:rgba(103, 204, 51, 1);
	-webkit-transition: margin-top .2s ease-out;
	-moz-transition: margin-top .2s ease-out;
	transition: margin-top .2s ease-out;
}
#formations_img p a {
		color:#fff;
		text-decoration:none;
		line-height:20px;
		
}
#formations_img p a:hover {
		color:#333;
}
#informatique_imgs:hover p {
	margin-top:-100px;

}
#multimedia_imgs:hover p {
	margin-top:-100px;
}
#gestion_entreprise_imgs:hover p {
	margin-top:-100px;
}

#formations_dates {
	float: left;
	margin-right:20px;
}
#prochaines_dates {
	height: 135px;
	padding: 7px;
	width: 410px;
}
#bloc_evenement{
	float: left;
	width: 380px;
}
#evenement{
	height: 135px;
	padding: 7px;
    width: 410px;
	text-align:center;
}
.titre_rentree{
	width:350px;	
}

#actualites{
	position: relative;
}

.ombre{
	
	box-shadow: 0px 1px 2px #555;
	border-radius: 5px;
	background-color:#fff;
}

.bloc_article_main{
	float:left;
	width:410px;
	margin:0 25px 20px 0;
	padding:7px;
	display:block;
}

a.bloc_article_main{
	text-decoration:none;
	min-height: 160px;
}
a:hover.bloc_article_main{
	text-decoration:none;
	background-color:#EEE;
}

.bloc_article_img{
	margin-right: 15px;
	float:left;
}

.bloc_article_titre{
	font-size:15px;
	font-weight:bold;
	color:#000;
}
.bloc_article_cat{
	margin:10px 0 10px 0;
}
.bloc_article_cat span{
	font-size:13px;
	padding:5px;
	background-color:#67cc33;
	color:#FFF;
}

.bloc_article_desc{
	font-size:12px;		
}

#res_soc{
	position: relative;
}



#res_soc_bloc ul {
	overflow:auto;
	padding:0;
	margin:0;
	list-style:none;
}

#res_soc_bloc li {
	height:165px;
	overflow:hidden;
	float:left;
	margin:7px;
}

#res_soc_bloc p {
	
	height:300px;
	padding:5px 10px;
	opacity:.9;
	font-size:14px;
	-webkit-transition: margin-top .2s ease-out;
	-moz-transition: margin-top .2s ease-out;
	transition: margin-top .2s ease-out;
}

#acces_rapide{
	
	position: relative;
	height:200px;
	background-color:#bbb;
	box-shadow: 0 0 2px #333333 inset;
	padding:7px;
	background-color: #CCCCCC;
	text-shadow: 1px 1px 1px #fff;
	border-radius: 5px;
}
#acces_rapide h3{
	margin:5px 0;
}

#acces_rapide div.blocs_footer{
	float:left;
	padding:10px 70px 10px 10px;
}
#acces_rapide div.blocs_footer a{
	color:#333;
	text-decoration:none;
}
#acces_rapide div.blocs_footer a:hover{
	color:#66B744;
}

#formation_metier,#avantages_alternance>div{
	padding:7px;	
}
#avantages_alternance>div{
	margin-top:20px;	
}
#formation_metier h2,#avantages_alternance h3{
	padding:7px;
	margin: 0;
	color:#000;
	font-weight: lighter;
}

.table_diplome{
	
	border: 1px solid #bbb;
	border-radius: 5px;
	vertical-align:top;
	font-size:14px;
}
.table_diplome a{
	text-decoration:none;
}

.tableHead{
    
    color:#333;
    font-weight:700;
    text-decoration:none;
    background-color:#bbb;
    height:25px;
    border-right:2px solid #fff;
    padding-left:4px;
    padding-right:4px;
    text-align:center;
}
.no_border_right{
	border:none;
}
.listRowA{
    color:#333;
    text-decoration:none;
    height:25px;
    border-right:2px solid #fff;
    padding-left:4px;
    padding-right:4px;
	text-align:left;
}
.lien_offre_emploi{
	text-align:center;
	
}
.lien_offre_emploi a{
	
	text-decoration:none;
	font-size:24px;
	font-weight:normal;
	padding:5px;
	border-radius: 5px;
	background-color:#fff;
	box-shadow: 0px 1px 2px #555;
	text-shadow: 0 -1px 0 #333;
}

.lien_offre_emploi a:hover{
	background-color:#66B744;
	color:#fff;
}

.btn_dossier_cand{
	
	margin: 135px 0 0 610px;	
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	padding:5px;
	border-radius: 5px;
	background-color:#66B744;
	box-shadow: 0px 1px 2px #555;
	float:left;
	color:#fff;
	text-align:center;
	text-shadow: 0 -1px 0 #333;
}

.btn_dossier_cand:hover{
	background-color:#fff;
	color:#66B744;
}

.text_shadow{
	
	text-shadow: 1px 1px 1px #fff;
}

/******************************************************************************
                             STYLE TABLE
 ******************************************************************************/
#tableau_site {
	margin-top:10px;
	margin-bottom:10px;
	border-collapse:collapse;

}

#tableau_site td {
	padding:2px;
	font-size: 12px;
}
#tableau_site th {
	background-color:#909090;
	font-size: 12px;
	color:#FFF;
	padding:2px;
}

#style_no_page {
	padding-left:10px;font-size:11px;	
}
#tableau_site table {
	margin-top:10px;
	margin-bottom:10px;
	border:#5A5A5A 1px solid;

}
#tableau_site td {
	color:#000000;
	border:#C8C8C8 1px solid;
	padding:5px;
}
#tableau_site th {
	text-align:left;
	border:#5A5A5A 1px solid;
	background-color:#656565;
	color:#FFF;
	padding:5px;
}/**/