@charset "utf-8";
body {margin:0; padding:0; background-color:#e2e2e2; background-image:url(../img/backgroundcolor.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px	}
#centrage{width:1008px;margin:auto; height:auto; position:relative}
#ombragesite{width:1008px; background-image:url(../img/fond.gif); background-repeat:repeat-y; position:relative }

/*                 HEADER                          */
#header {width:1000px; height:110px; margin:0 2px 0 2px; background-image:url(../img/ombrage_header.png); background-repeat:no-repeat; background-position:0 105px; padding:0 0 3px 0; position:relative; }
html>body #header { margin:0 4px 0 4px; }
#logo{width:127px; position:absolute; top:4px; left:12px;}

#banner{ background-image:url(../img/bandeau1.jpg); background-repeat:no-repeat; background-position:top right; width:955px; height:29px; padding:81px 0 0 4px; background-color:#FFFFFF; position:absolute; top:0; right:0; }

/*html>body #banner{ margin:0 0 0 102px; }*/
#menu { display:block; margin:0; padding:0; z-index:100; position:absolute; right:0; top:82px; /*overflow:visible;*/ height:28px;}
#menu li {display:block; float:left; margin:0; padding:0; background-repeat:no-repeat; height:28px; }
#menu li a {display:block;margin:0; padding:0;}

#menu li.sep {width:1px; background-image:url(../img/sep.png); background-repeat:repeat;height:28px; }

#menu li.accueil { background-image:url(../img/btn_accueil_off.png); width:98px }
#menu li.accueilactif { background-image:url(../img/btn_accueil_on.png); width:98px  }
#menu li.accueil:hover { background-image:url(../img/btn_accueil_on.png); width:98px }
#menu li.recrutement {background-image:url(../img/btn_recrut_off.png); width:139px}
#menu li.recrutementactif {background-image:url(../img/btn_recrut_on.png); width:139px}
#menu li.recrutement:hover {background-image:url(../img/btn_recrut_on.png); width:139px}
#menu li.creation {background-image:url(../img/btn_crea_off.png); width:133px}
#menu li.creationactif {background-image:url(../img/btn_crea_on.png); width:133px}
#menu li.creation:hover {background-image:url(../img/btn_crea_on.png); width:133px}
#menu li.temoignage {background-image:url(../img/btn_temoignage_off.png); width:82px}
#menu li.temoignageactif {background-image:url(../img/btn_temoignage_on.png); width:82px}
#menu li.temoignage:hover {background-image:url(../img/btn_temoignage_on.png); width:82px}
#menu li.aide {background-image:url(../img/btn_aide&conseil_off.png); width:96px}
#menu li.aideactif {background-image:url(../img/btn_aide&conseil_on.png); width:96px}
#menu li.aide:hover {background-image:url(../img/btn_aide&conseil_on.png); width:96px}
#menu li.catalogue {background-image:url(../img/btn_catalogue_off.png); width:111px}
#menu li.catalogueactif {background-image:url(../img/btn_catalogue_on.png); width:111px}
#menu li.catalogue:hover {background-image:url(../img/btn_catalogue_on.png); width:111px}
#menu li.serie {background-image:url(../img/btn_jecommencedemain_off.png); width:135px}
#menu li.serieactif {background-image:url(../img/btn_jecommencedemain_on.png); width:135px}
#menu li.serie:hover {background-image:url(../img/btn_jecommencedemain_on.png); width:135px}



/*
html>body #menu li.catalogue {background-image:url(../img/btn_catalogue_off.png); width:133px}
html>body #menu li.catalogueactif {background-image:url(../img/btn_catalogue_on.png); width:133px}
html>body #menu li.catalogue:hover {background-image:url(../img/btn_catalogue_on.png); width:133px}
*/
dl{padding:0; margin:0; display:block; clear:both}
dt{ display:block;padding:0; margin:0; clear:both}
.item { background-color:#c00a00; clear:both; border-bottom:1px solid #e59894; padding:2px 0 3px 3px }
.last {border-bottom:none}
dt:hover { background-color:#ffffff; color:#000000}
dt:hover a{ background-color:#ffffff; color:#000000}
dt a {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#FFFFFF;text-decoration:none;  text-align:center;padding:0; clear:both; line-height:10px}
dt .bottom{ height:4px; width:150px; background-color:#00FF00; clear:both }
span.coniBottom{display:block; background:transparent url(../img/coniRight.png) no-repeat scroll right top;height:4px;}
span.coniFill {display:block; background:transparent url(../img/coniLeft.jpg) no-repeat scroll left top;float:left;height:4px;width:4px;}

/*#menu .menu2 dl{padding:0; margin:0}
#menu .menu2 .item{display:block; width:150px; margin:0 0 0 -40px; background-color:#c00a00; text-align:center; font-family:Arial, Helvetica, sans-serif; size:12px; color:#FFFFFF; padding:3px 0 0 0; height:15px }
#menu2 dt .sepa{height:1px; padding:0; background-color:#c00a00; width:150px;margin:0 0 0 -40px;}
#menu2 dt .item a {font-family:Arial, Helvetica, sans-serif; size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold; line-height:0px; padding:0}*/


#filariane{color:#acacac;font-weight:bold; padding:4px 10px 4px 10px}
.courant {color:#575756}
#filariane a {color:#575756}


/* BLOC GAUCHE   */
#gauche{width:357px; margin:0 0 0 2px; background-color:#ececec; background-image:url(../img/gauche_fond.png); background-repeat:repeat-x; float:left}
html>body #header { margin:0 0 0 4px; }
#encours{width:357px; height:31px; background-image:url(../img/recrut_encours.png) }
#encours h1 { color:#FFFFFF; padding:0; margin:0; font-size:14px; font-weight:bold; padding:7px 0 0 10px}
h2 {margin:0; padding:0}
#employeurs  { background-image:url(../img/picto_camera.png); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin:4px 0 0 12px; padding:0px 0 4px 20px; font-weight:bold}
#employeurs a{color:#2068A2;	}	

.separateur { width:340px; height:1px; background-image:url(../img/px_gris.png); margin:6px 0 4px 8px}
#titreVideo {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555454; margin:0 0 0 12px}
#descriptionVideo{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555454; padding:0; margin:3px 0 0 12px}

#contentvideo{ margin:5px 0 0 5px; background-image:url(../img/left_ct_middle.png); background-repeat:repeat-y; width:346px}
#flashvideo{ width:322px; height:274px; margin:0 0 0 12px}

#contentvideo ul {display:block; margin:0; padding:0; width:250px; margin:10px 0 0 50px}
#contentvideo a {color:#555454}
#contentvideo li { display:block; float:left; width:100px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555454; line-height:20px}
#contentvideo li.sendto {background-image:url(../img/picto_lettre.png); background-repeat:no-repeat; padding:0 0 0 22px}
#contentvideo li.addfavorite {background-image:url(../img/picto_ajouter.png); background-repeat:no-repeat; padding:0 0 0 22px}
#contentvideo li.getlink {background-image:url(../img/picto_engrenage.png); background-repeat:no-repeat; padding:0 0 0 22px}

#contentvideo li.addplaylist {background-image:url(../img/picto_envoyer.png); background-repeat:no-repeat; padding:0 0 0 20px}
#contentvideo li.seeplaylist{background-image:url(../img/picto_feuille.png); background-repeat:no-repeat; padding:0 0 0 20px}

#notevideo{ background-image:url(../img/left_ct_bottom.png); background-repeat:no-repeat; width:336px; height:25px; padding:6px 0 0 10px; color:#575756}	
#notevideo span.note { display:block; float:left; margin:3px 0 0 0;}
#notevideo span.note_off {
background:transparent url(../img/note_nok.png) repeat-x left bottom;
display:block;
float:left;
height:12px;
text-align:left;
width:70px;
margin:2px 0 0 1px;
}
html>body span.note_off {
margin:5px 0 0 3px;
}
#notevideo span.note_on {
background:transparent url(../img/note_ok.png) repeat-x left bottom;
display:block;
height:12px;
text-align:left;
margin:0;
}
#notevideo #anote {  padding:1px 0 2px 20px; background-image:url(../img/picto_ecrire.png); background-repeat:no-repeat; display:block; float:right}
#notevideo #anote span {padding:2px 0 0px 0; display:block; float:left; margin:0; width:70px; cursor:pointer }
html>body #notevideo a span {
padding:3px 0 0 0; 
}

#yournote{float:right; width:230px; text-align:right; padding:0 5px 0 0}
#yournote a {}

/*BLOC CENTRAL    */
#milieu{ background-image:url(../img/middle_ct_middle.png); background-repeat:repeat-y; float:left; margin:0 0 0 5px; width:379px	 }
html>body #milieu { margin:0 0 0 10px; }
#milieu .separateur { width:340px; height:1px; background-image:url(../img/px_gris.png); margin:6px 0 4px 18px}
#milieu .selectwall { color:#2068a2; font-weight:bold; font-size:12px; display:block; margin:2px 0 20px 20px; }
#milieu #videowall { width:370px; height:400px; margin:0 0 0 5px}

/*BLOC DROIT */
#right { float:left; margin:0 0 0 2px}
#right form {padding:0; margin:0}
#search{width:246px; height:56px; background-image:url(../img/rechercher_bg.png); background-repeat:no-repeat; }
#search span { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;color:#2068a2; padding:6px 0 0 15px; display:block}
#search input.txtfield{ font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #c8c8c8; width:180px;display:block ; float:left; margin:3px 0 0 15px; }
#search input.ok{ width:20px;display:block ; float:left; margin:1px 0 0 12px; }
#alaune{width:246px; height:184px; background-image:url(../img/alaune_bg.png); margin:0; padding:0px 0 50px 3px; background-repeat:no-repeat}
#alaune span {display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; padding:8px 0 25px 10px}
#carrousel{width:240px; height:164px; }
#tagcloud{ width:240px; margin:5px 0 0 0}
#cloud{	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
#cloud a:hover {text-decoration:underline;}
a.taille1, a.taille2, a.taille3, a.taille4, a.taille5, a.taille6, a.taille7, a.taille8, a.taille9, a.taille10 {
	text-decoration:none;
	color:#002f6a;
}
#cloud a:hover {
	text-decoration:underline;
}
a.taille1 {
	font:normal 12px Arial, Helvetica, sans-serif;
}
a.taille2 {
	font:normal 13px Arial, Helvetica, sans-serif;
}
a.taille3 {
	font:normal 14px Arial, Helvetica, sans-serif;
}
a.taille4 {
	font:normal 15px Arial, Helvetica, sans-serif;
}
a.taille5 {
	font:normal 16px Arial, Helvetica, sans-serif;
}
a.taille6 {
	font:normal 17px Arial, Helvetica, sans-serif;
}
a.taille7 {
	font:normal 18px Arial, Helvetica, sans-serif;
}
a.taille8 {
	font:normal 19px Arial, Helvetica, sans-serif;
}
a.taille9 {
	font:normal 20px Arial, Helvetica, sans-serif;
}
a.taille10 {
	font:normal 21px Arial, Helvetica, sans-serif;
}


/* FOOTER !!!!!! */
#footer{width:1008px; height:30px;background-image:url(../img/footer.png); background-repeat:no-repeat; }
#footer .copyright { color:#555454; margin:6px 0 0 4px; display:block; float:left}
#footer .link {display:block; float:right;margin:5px 4px 0 0;}

a {color:#555454}



#pageContent{min-height:490px; height:500px}
#info_legales{ margin:20px 0 0 40px; width:740px; font-size:12px}
#aides{margin:20px 0 0 40px;}
#frameflash{border:none}