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

/*********************COMMUN A TOUTES LES PAGES************************/
body
{
	width:100%;
	margin: 0px 0 0 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a:link, a:visited
{
	color:#603719;
	text-decoration: none;
}

a:hover
{
	
	text-decoration:none;
	color:#603719;
}

a:hover.lienensavoirplus
{
text-decoration:underline;
color:#cb6817; 
}

a:hover.lienoffre
{
text-decoration:underline;
color:#000000; 
}

a.lienoffre
{
text-decoration:none;
color:#000000; 
}

a.liensuivant
{
text-decoration:underline;
color:#000000; 
}

a:hover.liensuivant
{
text-decoration:underline;
color:#000000; 
}

#lien
{
margin-left:200px;
}


#lienrecruteur
{
margin-left:160px;
}

#lienvoir
{
margin-left:250px;
}



input
{
font-size:12px;
}

.txtmembre
{
font-size:16px;
font-weight:bold;

}

#logo
{
z-index:2!important;
float:left
}

#banner
{
	width:468px;
	height:60px;
	margin-left:35px;
}

#blocinscription
{
	width:250px;
	height:60px;
	background-color:#FFFFFF;
	float:right;
	font-size:12px;
	padding-top:15px;
	margin-left:50px;
}

#centragemenu
{
	margin: auto;
	width: 980px;

}


#bandeinscription
{
width:250px;
height:25px;
background-color:#990000;
margin-top:15px;
color:#FFFFFF;
font-size:16px;
text-align:center;
font-weight:bold;
}

.txtdejamembre
{
font-size:10px;
}

.txtidentifiez
{
font-size:14px;
text-decoration:underline; 
color:#FFFFFF
}

.ensavoirplus
{
color:#cb6817; 
font-size:12px;
}

.voir
{
color:#cb6817; 
font-size:12px;
padding-left:250px;
}


.lirelasuitephoto
{
color:#cb6817; 
font-size:12px;
padding-left:470px;
}

.lirelasuite
{
color:#cb6817; 
font-size:12px;
padding-left:570px;
}

#lienvieasso
{
color:#cb6817; 
font-size:12px;
padding-left:300px;
}


#headercomplet
{
	background:url(images/background-header-complet.png) repeat-x;
	width: 1px;
	height: 180px;
	width:100%;
	margin: 0px 0 0 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu
{
	width:100%;
	background:url(images/background-menu.png) repeat-x;
	height:61px;
	margin-top: 0px;
	border: solid #FF0000 0px;
	z-index:0;
}

#urlheader
{
	font-size:18px;
	width:490px;
	margin-top:25px;
}

#txtmenu
{
	margin: auto auto auto 70px;
	width: 980px;
	height:20px;
	float:left;
	padding-top:8px;
	color:#603719;
	font-weight:bold;
	font-size:16px;
	z-index:10!important;
	margin-top:-28px;	
}

#blocbannerurl
{
float:left; `
margin-left:5px; 
width:500px;
height:115px;
margin-top:10px;
}

#filariane
{
	margin: auto;
	width: 980px;
	height:30px;
	font-size:12px;
	padding-left:5px;
	border:#000000 0px solid;
	margin-top:-22px;
}

.rubriqueactive
{
color:#FFFFFF;
}


.pipeblanc
{
color:#FFFFFF;
}



* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}



/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horizontal li
{ 
	display : inline;
	padding : 0em; /* Pour espacer les boutons entre eux */
	margin:-2px;
	z-index:10;
}

ul#menu_horizontal
{
	z-index:10;
	list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

#global
{
	margin: auto;
	width: 980px;
}

#centrageblocshome
{
margin:auto;
width:980px;
padding-top:0px;
border: solid #FFFFFF 0px;
height:730px;
}

#centrageblocs2
{
margin:auto;
width:980px;
padding-top:10px;
}



#centrageblocsinscription
{
margin:auto;
width:980px;
height:580px;/*hauteur du bloc complet qui comprend le contenu, si on allonge, le footer descend, sinon il va par dessus les blocs*/
padding-top:0px;
border: solid #000000 0px;
}


#footer
{
width:980px;
background:url(images/background-footer.png) repeat-x;
height:64px;
position:relative;
margin:auto;
top:30px;
font-weight:bold;
font-size:16px;
color:#603719;
padding-top:8px;
	
}
/*********************COMMUN A TOUTES LES PAGES************************/



/********************************ACCUEIL*************************************/
#titrehp1
{
background:url(images/accueil/background-blochp1.png) repeat-x;
height:41px;
font-size:20px;
color:#FFFFFF;
padding-top:5px;
}

#blochp1
{
border: 1px solid #000000;
width:640px;
height:248px;
display:inline;
float:left;
padding:0px 0px 0px 0px;
}


#bouton-hp
{
margin-left:500px;
text-align:right; 
width:120px;
height:35px;
color:#FFFFFF; 
background:url(images/accueil/bouton-hp.png) no-repeat;
padding-top:2px
}


#pave
{
margin-left:25px;
float:left;
width:300px;
}

.paddingbloc
{
padding : 0px 5px 0px 5px;
}


.paddingcorresphoto
{
padding : 0px 5px 0px 5px;
width:560px;
}

.paddingcorres
{
padding : 0px 5px 0px 5px;
width:660px;
}


#blocannuaire
{
border: 1px solid #000000;
width:310px;
height:248px;
margin-top:15px;
font-size:14px;
float:left;
}

#titreannuaire
{
background:url(images/accueil/background-blochp.png) repeat-x;
height:41px;
font-size:20px;
color:#FFFFFF;
padding-top:2px;
padding-left:5px;
}

#blocstages
{
float:left;
margin-left:16px;
border: 1px solid #000000;
width:310px;
height:248px;
margin-top:15px;
font-size:14px;
}

#titrestages
{
background:url(images/accueil/background-blochp.png) repeat-x;
height:41px;
font-size:20px;
color:#FFFFFF;
padding-top:2px;
padding-left:5px;
}

#blocs3
{
border: 1px solid #000000;
float:left;
width:310px;
height:455px;
margin-top:15px;
padding-top:5px;
font-size:14px;
margin-left:20px;
}

.titreblocs3
{
color:#cb6817;
font-weight:bold;
font-size:16px;
}


#blocactuhp
{
width:640px;
height:197px;
font-size:14px;
border: 1px solid #000000;
margin-top:13px;
float:left;
}

#txtvieasso
{
width:420px;
float:left;
padding : 0px 5px 0px 5px;
}

/********************************ACCUEIL*************************************/



/************************CORRESPONDANTS METIER**************************/

.bloccorrespondant
{
border: 1px solid #000000;
float:left;
width:720px;
height:230px;
margin-top:15px;
font-size:14px;
}

#suivant
{
text-align: right;
width:720px;
}

#bloccorrespondant2
{
position:relative;
border: 1px solid #000000;
float:left;
width:720px;
height:220px;
margin-top:15px;
font-size:14px;
left:17px;
}

#bloccorrespondant3
{
position:relative;
border: 1px solid #000000;
float:left;
width:720px;
height:200px;
margin-top:15px;
font-size:14px;
left:17px;
}




#sky
{
border: 1px solid #000000;
width:160px;
height:600px;
margin-top:8px;
font-size:14px;
float:left;
margin-left:10px;

}

.titrecorrespondant
{
background:url(images/correspondants/background-bloc-corres.png) repeat-x;
height:32px;
font-size:20px;
color:#FFFFFF;
padding-top:2px;
padding-left:5px;
font-weight:bold;
}

#centrageblocscorres
{
border:0 solid #000000;
height:1090px;/*hauteur du bloc complet qui comprend le contenu, si on allonge, le footer descend, sinon il va par dessus les blocs*/
margin:auto;
padding-top:0;
width:980px;
}

/************************CORRESPONDANTS METIER**************************/



/***************************ANNUAIRE*************************************/
#centrageblocannuaire
{
margin:auto;
width:980px;
height:650px;/*hauteur du bloc complet qui comprend le contenu, si on allonge, le footer descend, sinon il va par dessus les blocs*/
padding-top:0px;
border: solid #000000 0px;
}


#blocformannuaire
{
border: 1px solid #000000;
float:left; 
display:inline;
width:233px;
}

#titreformannuaire
{
background:url(images/annuaire/fondtitre.png) repeat-x;
height:30px;
width:228px;
font-size:18px;
color:#FFFFFF;
padding-top:5px;
padding-left:5px;
}

.txtformannuaire
{
font-size:14px;

}
/***************************ANNUAIRE*************************************/

/***************************EMPLOI*************************************/
#blocemplois
{
border: 1px solid #000000;
width:480px;
height:210px;
margin-top:15px;
font-size:14px;
display:inline;
float:left;
}

#blocstage
{
border: 1px solid #000000;
width:480px;
height:210px;
margin-top:15px;
font-size:14px;
display:inline;
float:left;
margin-left:10px;
}

#blocbasemploi
{
margin-top:30px;
border: 3px solid #000000;
width:940px;
height:300px;
}


#centrageblocs3
{
margin:auto;
width:980px;
padding-top:10px;
border: solid #000000 1px;
height:200px;
}

#centrageblocsemploi
{
margin:auto;
width:980px;
padding-top:0px;
border: solid #FFFFFF 0px;
height:270px; /**********hauteur bloc stages et emplois du haut***********/
}


#centrageblocs4
{
margin-left:150px;
width:780px;
padding-top:0px;
border: solid #000000 1px;

}

#centragedetailemploi
{
margin-left:150px;
width:985px;
padding-top:0px;
border: solid #000000 1px;

}


#bloccv
{
border: 1px solid #000000;
width:480px;
margin-top:15px;
font-size:14px;
display:inline;
float:left;
}

#bloclm
{
border: 1px solid #000000;
width:480px;
margin-top:15px;
font-size:14px;
display:inline;
float:left;
margin-left:10px;
}

.titrecvlm
{
background:url(images/accueil/background-blochp.png) repeat-x;
height:30px;
font-size:20px;
color:#FFFFFF;
padding-top:2px;
padding-left:5px;
}

#centrageblocsconseils
{
margin:auto;
width:980px;
height:1300px;
padding-top:0px;
border: solid #FFFFFF 0px;
}

.postulemploi
{
text-align:center;
width:980px;
margin:auto;
font-weight:bold;
}
/***************************EMPLOI*************************************/

/***************************QUi SOMMES NOUS*************************************/
#blocquisommesnous
{
margin:auto;
width:980px;
height:650px;/*hauteur du bloc complet qui comprend le contenu, si on allonge, le footer descend, sinon il va par dessus les blocs*/
padding-top:0px;
border: solid #000000 0px;
}
/***************************QUI SOMMES NOUS*************************************/

/***************************PARCOURS*************************************/
.blocparcours
{
border: 1px solid #000000;
width:370px;
height:200px;
margin-top:15px;
font-size:14px;
display:inline;
float:left;
}

.titreparcours
{
background:url(images/accueil/background-blochp.png) repeat-x;
height:41px;
font-size:20px;
color:#FFFFFF;
padding-top:2px;
padding-left:5px;
}

#centrageblocsparcours
{
margin:auto;
width:980px;
height:800px;/*hauteur du bloc complet qui comprend le contenu, si on allonge, le footer descend, sinon il va par dessus les blocs*/
padding-top:0px;
border: solid #000000 0px;
}

.lienparcours
{
margin-left:280px;
}

/***************************PARCOURS*************************************/

/*********************ACTUALITES************************/
.blocactu
{
border: 1px solid #000000;
width:640px;
height:110px;
padding:5px 0px 0px 5px;
}

#blocactudroite
{
width:300px;
height:230px;
margin-left:15px;
float:left;
border: 1px solid #000000;
}

#centrageblocsactu
{
margin:auto;
width:980px;
height:530px;
padding-top:0px;
border: solid #FFFFFF 1px;
}

/*********************ACTUALITES************************/