/* CSS Document */

/* STRUCTURE GENERALE */

body { margin: 0; padding: 0; background: white; font-family: Arial, Helvetica, sans-serif; font-size:11px; } 
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }
p { margin: 0; padding: 0; border: 0; }
p.normal { text-align:justify; padding-bottom: 15px; }
form, tr, td { margin: 0; padding: 0; border: 0; color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:11px; }

#header { width: 800px; height: 100px; background-image:url(img/header.gif); background-color: #ffffff; }
#conteneur { width:800px; float: left; /* margin:0 auto; */
background-image:url(img/bg.gif);
background-repeat: repeat-y;
}


#centre { margin: 0; padding: 0; border: 0; background-color:#ffffff; /*margin-left: 215px; margin-right: 170px;*/ padding: 0px;
height: auto !important;
height: 500px;
min-height: 500px;
width: 415px;
_width: 410px;
float: left;
 /* height:500px;*/ }

/* html>body #center {
height: auto;
min-height:500px;
} */
#gauche { /*position:absolute; left:0px; top:100px;*/float: left; margin: 0; padding: 0; border: 0; width: 215px; 
background-image:url(img/bg_gauche.gif);
background-repeat:repeat-y;}
#droite { /*position:absolute; left:630px; top:100px;*/ margin: 0; padding: 0; border: 0; float:right; /*width: 170px;*/ }
#bottom { margin-bottom: 0px; clear:both; float: left; width: 800px; height: 25px; background-image:url(img/bottom.gif); background-color: #ffffff; background-repeat:no-repeat;}
#pied { width: 785px; margin: 0; clear:both; float: left; padding-left: 15px; padding-right: 0px; background-color:#FFFFFF; }
#menupied { float:left; }
#imagepied {
width: 75px;
height: 27px;
float:right;
background-image:url(img/oiseaux.gif); 
background-repeat:no-repeat; 
}

#logo_flash {
position:absolute;
top:0px;
left:0px;
width:300px;
height:100px;
}

#header_flash {
position:absolute;
top:0px;
left:425px;
width:375px;
height:50px;
}

#header_flash_jeunes {
position:absolute;
top:0px;
left:525px;
width:375px;
height:50px;
}


#menuhead {
position:absolute;
top:60px;
left:300px;
color:#FFFFFF;
}

#drapeaux {
position:absolute;
top:56px;
left:729px;
color:#FFFFFF;
/*background-color: #686262;*/
padding: 3px 1px 0 1px;
font-size: 1px;
}

#drapeaux .drapeau {
	margin-right: 1px;
}

#drapeaux img {
	width:	14px;
}

.top_visu {
margin: 0; padding: 0; border: 0;
background-image:url(img/bg_top_visu.gif);
background-position:bottom right; 
background-repeat:no-repeat;
padding-bottom:7px;
padding-right:7px;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;

}

#recherche {
position:absolute;
top:58px;
left:505px;
}


.input_recherche {
margin: 0; padding: 0; 
border: 1px solid #CC5500;
height:12px;
width:122px;
font-size:10px;
}

.bouton_recherche {
margin: 0; padding: 0; border:0;
height:14px;
width:19px;
background-image:url(img/bouton_recherche.gif);
background-position:left bottom;
background-repeat:no-repeat; 
}

.titre_col {
background-color:#356BD0;
padding:1px 1px 1px 0px;
border-right:5px solid #ffffff;
text-align:center;
}

.border_bleu {
border-top:5px solid #ffffff;
border-right:5px solid #ffffff;
background-color: #ECF2FC;
padding: 3px 0px 3px 3px;
}

/* TEXTE */
.titre {
height: 21px; padding-top: 8px; margin-bottom: 15px;  font-weight: bold; color:  #0041B3;
background-image:url(img/ligne_titre.gif);
background-position:left bottom;
background-repeat:no-repeat; 
}
.soustitre {font-weight: bold; color:#FF9933; }
.soustitre2 {font-weight: bold; color:#0041B3; }
.soustitre_blanc {font-weight: bold; color:#ffffff; }

.titreactus {font-size: 14px; color:#FF9933; border-bottom: 1px solid #FF9933; padding-bottom:2px; }

a { cursor: pointer; color: #0041B3; text-decoration:none;}
a:hover { cursor: pointer; color: #79A0DF; text-decoration:none;}


a.head { color: #ffffff; text-decoration:none;}
a.head:hover { color: #FFE2CC; text-decoration:none;}

a.orange { color: #ffffff; text-decoration:none;}
a.orange:hover { color: #FF8833; text-decoration:none;}

/* rollover img */
a img { border:1px solid #FDECDF;}
a:hover img { border:1px solid #FF8833;}

img.orange { border:1px solid #FF8833;}
a:hover img.orange { border:1px solid #FF8833;}

img.blanc_orange { border:1px solid #FFFFFF;}
a:hover img.blanc_orange { border:1px solid #FF8833;}

img.bleu_orange { border:1px solid #0041B3;}
a:hover img.bleu_orange { border:1px solid #FF8833;}

.focus img.orange { border:1px solid #FF8833;}
a:hover .focus img.orange { border:1px solid #FF8833;}

a img.nohover { border:0;}
a:hover img.nohover { border:0;}




/* MENU DE NAVIGATION */

#top_gauche {
width: 190px;
height: 27px;
background-image:url(img/top_gauche.gif);
background-position:top;
background-repeat:no-repeat; 
border-bottom: 1px solid #ffffff;
}

#bot_gauche {
width: 190px;
height: 23px;
background-image:url(img/bot_gauche.gif);
background-position:bottom;
background-repeat:no-repeat; 
}

#navigation {
color:#FFFFFF;
width: 190px;
padding-left:15px;
/*min-height:375px;*/
/*height: auto !important;*/
/*height:375px;*/
}

.main_off {
border-bottom: 1px solid #ffffff;
height: 20px;
line-height: 20px;
padding-left: 10px;
text-align: left;
background: #0041B3;
background-image:url(img/coin_petit.gif);
background-position:bottom left;
background-repeat:no-repeat; 
color: #FFFFFF;
 
}

a:hover .main_off {
background: #79A0DF;
background-image:url(img/coin_on_petit.gif);
background-position:bottom left;
background-repeat:no-repeat; 
}

.main_on {
border-bottom: 1px solid #ffffff;
height: 20px;
line-height: 20px;
padding-left: 10px;
text-align: left;
background: #79A0DF;
background-image:url(img/coin_on_petit.gif);
background-position:bottom left;
background-repeat:no-repeat; 
color: #FFFFFF;
}

.sous_menu {
background: #BBCEF0;
padding-top: 11px;
padding-bottom: 11px;
background-image:url(img/coin_sous.gif);
background-position:bottom left;
background-repeat:no-repeat; 
}

.submenu {
background: #ffffff;
padding-top: 11px;
padding-bottom: 11px;
border-left:1px solid #D4E1F8;
border-right:1px solid #D4E1F8;
}

.nav_item_off {
color: #0041B3;
text-align: left;
background: #BBCEF0;
line-height: 15px;
padding-left: 15px;
text-decoration: none;
}

a:hover .nav_item_off {
background: #D4E1F8;
}

.nav_item_on {
color: #0041B3;
text-align: left;
background: #D4E1F8;
line-height: 15px;
padding-left: 15px;
text-decoration: none;
}

a:hover .nav_item_on {
background: #D4E1F8;
}

.sub {
background: #ffffff;
padding-left: 20px;
}

.onsub {
background: #ffffff;
padding-left: 20px;
font-weight: bold;
}

a:hover .onsub  {
padding-left: 20px;
color: #0041B3;
}


/*
a:hover .sub  {
background: #D4E1F8;
padding-left: 20px;
}

*/


/* MENU DE NAVIGATION /// FIN */



/* LISTE DROITE */
#ldroite {
/* position: absolute; */
color:#FFE2CC;
width: 160px;
padding-left:10px;
/* background-image:url(img/bot_droite.gif);
background-position:bottom right;
background-repeat:no-repeat; */
/* top: 0; */
/* left: 400px; */
}

.liste_metiers {
height: 27px;
background-image:url(img/top_liste_metiers.gif);
background-position:top;
background-repeat:no-repeat; 
margin-bottom:1px;
}

.lumiere_sur {
height: 27px;
background-image:url(img/top_lumiere_sur.gif);
background-position:top;
background-repeat:no-repeat; 
margin-bottom:1px;
}

.formation_top {
height: 27px;
background-image:url(img/top_formation.gif);
background-position:top;
background-repeat:no-repeat; 
margin-bottom:1px;
}

.voyager {
height: 27px;
background-image:url(img/top_voyager.gif);
background-position:top;
background-repeat:no-repeat; 
margin-bottom:1px;
}

.telechargements {
height: 27px;
background-image:url(img/top_acces_direct.gif);
background-position:top;
background-repeat:no-repeat; 
margin-bottom:1px;
}

.acces_direct {
height: 27px;
background-image:url(img/top_acces_direct.gif);
background-position:top;
background-repeat:no-repeat; 
margin-bottom:1px;
}


.item_doite {
text-align: left;
background: #FFE2CC;
line-height: 15px;
height: 15px;
border-bottom: 1px solid #ffffff;
padding-left:8px;
color:  #FF8833;
display:block;
}

a:hover .item_doite {
background: #FDECDF;
}

.item_doite2 {
text-align: left;
background: #FFE2CC;
padding-left:8px;
color:  #FF8833;
}

.focus {
color:  #FF8833;
text-align: left;
background: #FFE2CC;
line-height: 15px;
min-height: 148px;
_height: 148px;
border-bottom: 1px solid #ffffff;
padding-top:2px;
padding-left:15px;
text-decoration: none;
}

a:hover .focus {
background: #FDECDF;
}


.fondroite {
background: #FFE2CC;
padding-top: 0px;
padding-bottom: 3px;
}

.acces_carte {
/*border-top: 10px solid #FF8833;*/
color:  #FF8833;
background: #FFE2CC;
height:160px;
border-bottom: 1px solid #ffffff;
padding-top:2px;
display: block;
}

a:hover .acces_carte  {
background: #FFE2CC;
}



#bot_droite {
width: 160px;
height: 23px;
background-image:url(img/bot_droite.gif);
background-position:bottom;
background-repeat:no-repeat; 
}


/* MENU DE NAVIGATION /// FIN */

/* FICHE METIER */

#vignette_metier {
float:left;
width: 185px;
height: 135px;
margin-right: 8px;
margin-bottom: 10px;
background-image:url(img/fond_vignette.gif);
background-position:bottom right;
background-repeat:no-repeat; 
}

#mini_vignette_metier {
float:left;
width: 129px;
height: 94px;
margin-right: 8px;
margin-bottom: 10px;
background-image:url(img/fond_vignette.gif);
background-position:bottom right;
background-repeat:no-repeat; 
}

/* CONTACT */
.titreform { color: #CC5500; font-weight:bold; background-color:#FFE2CC; margin-top:10px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; padding-left:5px; padding-top:5px; padding-bottom:5px;}
.champform { color: #CC5500; background-color:#FDECDF; border-bottom:1px solid #ffffff; padding-left:5px; padding-top:2px; padding-bottom:2px;}
.champform2 { color: #CC5500; background-color:#FBF3ED; border-bottom:1px solid #ffffff; padding-top:2px; padding-bottom:2px;}
.inputform {
margin: 0; padding: 0; 
border: 1px solid #CC5500;
font-size:10px;
}

/* ADMIN */
.bouton_admin {
background-color: #990000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border:1px solid #663300;
}

.bouton_admin_2 {
background-color: #339900;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border:1px solid #663300;
}

/* ICONES */
#minipdf {
width:32px;
height:32px;
background-image:url(img/minipdf.gif);
background-position:left;
background-repeat:no-repeat;
}

#miniword {
width:32px;
height:32px;
background-image:url(img/miniword.gif);
background-position:left;
background-repeat:no-repeat;
}

#miniexcel {
width:32px;
height:32px;
background-image:url(img/miniexcel.gif);
background-position:left;
background-repeat:no-repeat;
}

#miniaudio {
width:32px;
height:32px;
background-image:url(img/miniaudio.gif);
background-position:left;
background-repeat:no-repeat;
}