/*
-------------------------------------------------
auteur : MCBOX
Version : Octobre 2005
-------------------------------------------------
*/
body{
font-size : 0.8em;
margin: 0;
padding: 0;
background-image:url(../images/fond_screen.jpg);
}

table{
border:0;
}

img{
border:0;
}

input{
border: 1px solid #5E6678 ;
}



textarea{
border: 1px solid #5E6678 ;
}

hr{
color: #A7B8C1;
background-color: #A7B8C1;
height: 1px;
border: 0;
}

h2{
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size:12px;
margin-bottom:10px;
border-bottom:1px solid #000000;
padding:4px;
}

h2:first-letter{
color:red;
font-size:16px;
}
/*-------------POUR LA PARTIE SONDAGE---------------*/
ul.sondage{
    list-style: none;
    margin: 0 0;
    padding: 0 0;
    margin-right:10px;
}

li.question{
    border-bottom:1px solid #cccccc;
    font-family : Verdana,Geneva,Arial,Helveticaf;
    font-size : 14px;
    font-weight : bold;
    margin-bottom:10px;
    margin-left:10px;
}

li.reponse{
    margin-bottom:10px;
    margin-left : 40px;
}

li.reponse input{
    border:none;
}

.information_sondage{
    border:2px solid red;
    color: red;
    text-align:center;
    margin-top:90px;
    margin-bottom:20px;
    font-family : Verdana,Geneva,Arial,Helveticaf;
    font-size : 18px;
    font-weight : bold;
}

/*-----------POUR LA PARTIE DICTAPHONE--------------*/
.tableau_dictaphone td{
border-bottom: 1px dashed #cccccc;
}

.gestion_erreur{
width:390px;
margin:50px;
padding:50px;
text-align:center;
border:1px solid #ff0000 ;
background: #FFD1D1 url(../images/fail_icon.gif);
background-repeat:no-repeat;
background-position:20px 40px;
}

/*---------------BLOC MESSAGE FORUM-----------------*/


ul.message_forum {
    list-style: none;
    margin: 0 0;
    padding: 0 0;
  }


ul.message_forum li {
    padding:4px;
  }


li.message_texte {
    width:170px;
    text-align: right;
    float:left ;
    color : #336699;
    font-family : Verdana,Geneva,Arial,Helveticaf;
    font-size : 12px;
    font-weight : bold;
  }


li.message_zone {
    width:300px;
    text-align: left;
  }


li.icone_bloc {
    float:left ;
	width:45px;
  }


li.image_cles {
    height:48px;
    margin-left:180px;
  }


li.titre_texte {
    font-size : 20px;
    margin-top : -48px;
    margin-left:235px;
  }

/*--------------------------------------------------*/

/* ------------------------- GESTION TABLEAU COURS --------------------------*/

.tableau_cours{
margin-top:10px;
margin-bottom: 20px;
border:0 ;
width:589px;
}

.tableau_cours td{
padding-bottom:10px;
padding-top:10px;
border-bottom: 1px solid #cccccc;
text-align:left;
}
/*-------- GESTION DU TABLEAU DE LIENS PAGE D'ACCUEIL DES STAGIAIRES --------- */

.trait_solid{
border-top:1px solid #CCCCCC ;
}

.trait_dashed{
border-top:1px dashed #CCCCCC ;
}



/* ------------------------ GESTION DIAPOSITIVES ------------------------------ */

.diapositive {
background-image:url(../images/diapos.gif) ;
width:260px;
height:230px;
margin-top:7px;

margin-left:13px;
margin-right:5px;
padding-top: 10px;
padding-left:9px;
float:left;
}

.diapositive img{
border : 1px solid #cccccc;
}

/* ---------------------- GESTION PHOTO STAGIAIRE --------------------------- */

.photo_stage {
background-image:url(../images/photos.gif) ;
width:122px;
height:172px;
margin-top:7px;
margin-bottom:7px;
margin-left:6px;
margin-right:5px;
padding-top: 10px;
padding-left:14px;
float:left;
}



/* ---------------------------------------------------------------------------- */

/* -------------------------- GESTION BASE SITE ------------------------------ */

.conteneur{
width: 815px;
margin : 0 auto;
background-image:url(../images/site_fond.gif);
}

.bande_tete{
padding:0 0;
margin:0 0;
height: 9px;
width:815px;
background-color: #5E6678;
}

.bande_pied{
padding:0 0;
margin:0 0;
height: 13px;
width:815px;
background-color: #5E6678;
}

.cadre_site{
margin-left:14px;
width:787px;
}

.bandeau_site{
width:100%;
height:193px;
background-image:url(../images/bandeau_tempo.jpg);
}

.barre_basse{
text-align:right ;
width:100%;
height:32px;
background-image:url(../images/barre_basse.gif);
}


.barre_basse_fond{
width:100%;
height:64px;
background-image:url(../images/fond_bandeau_bas.jpg);
}

ul.zone_basse{
margin:0;
padding:0;
list-style:none;
float:right;
}

ul.zone_basse li{
float:left;
}

li.vignette_bandeau_bas{
width:322px;
height:47px;
margin-top:8px;
}

li.adresse_bandeau_bas{
width:360px;
}

li.logo_bandeau_bas{
width:85px;
padding:10px 0 0 0 ;
}

.liste_session{
margin: 0 15px 0 0;
padding:0;
}


ul.le_menu{
list-style-type: none;
width: 100%; /* précision pour Opera */
margin:0;
margin-top:-1px;
padding:0;
}

ul.le_menu li{
float: left;
}


ul.le_menu a{
float: left;
margin-left: -1px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
border: 1px solid #820210;

text-decoration: none;
color: #ffffff;
background: url(../images/menu_off.gif);
}

ul.le_menu a:hover{
background: #cccccc;
border: 1px solid gray;
background: url(../images/menu.gif);
color: #000000;
}


ul.sous_menu{
list-style-type: none;
width: 100%; /* précision pour Opera */
margin:0;
margin-top:-1px;
padding:0;
display:none;
margin-top:4px;
}

ul.sous_menu li{
float: left;
}

ul.sous_menu a{
float: left;
height:46px;
margin-left: -1px;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000000;
padding-top:14px;
background-image: url(../images/fond_sous_menu_1.gif);

}

ul.sous_menu a:hover{
background: #cccccc;
border: 1px solid gray;
background-image: url(../images/fond_sous_menu_2.gif);
color: #000000;
}
/* --------------------------------------------------------------------------- */

/* ---------------------------- GESTION DES PUCES----------------------------- */
li.triangle{
background-image:url(../images/fleche_simple.gif);
background-repeat:no-repeat;
background-position: left center;
list-style: none;
padding-left:12px;
padding-top: 10px;
}
.carre{list-style-type: square; }
/* --------------------------------------------------------------------------- */

/* ------------------------- GESTION VIGNETTE INFOS -------------------------- */
.vignette_info{
width:164px;
text-align:left;
border-top:1px solid #CDCDCD;
border-bottom:1px solid #CDCDCD;
margin-bottom:2px;
margin-top:2px;
padding:2px;
background-color:#EAEAEA;
}

.vignette_texte{
width:158px;
border: 1px solid #CDCDCD;
margin-bottom:10px;
padding:4px;
text-align:left;
background-image:url(../images/fond_cadre_info.gif);
}

.tete_vignette_info{
text-align:left;
height :18px;
width:135px;
background-image:url(../images/vignette_tete.gif);
padding:6px 0 0 25px ;
}

.zone_vignette_info{
width:150px;
border-left : 1px solid #A7B8C1;
border-right : 1px solid #A7B8C1;
border-bottom : 1px solid #A7B8C1;
background-color:#F9F9F9;
padding: 4px;
margin-bottom:10px;
}

.zone_transport_info{
width:158px;
border-left : 1px solid #A7B8C1;
border-right : 1px solid #A7B8C1;
border-bottom : 1px solid #A7B8C1;
}

.vignette_jaune{
height :16px;
margin-top :4px;
margin-left :4px;
margin-right :3px;
float :left;
}

.titre_vignette{
margin-top:10px;
}

.vignette_pied{
height:6px;
}

.photo_temoignage{
float:left;
margin-right:6px;
border : 1px solid #ffffff;
}
/* --------------------------------------------------------------------------- */

/* ---------------------- GESTION PARTIE CONTACT ----------------------------- */
"DSCN6359.JPG",
.partie_contact{
width:590px;
margin-bottom:10px;
}

.partie_contact_mail{
width:588px;
text-align:left;
border-top:1px solid #CDCDCD;
border-bottom:1px solid #CDCDCD;
margin-bottom:2px;
margin-top:2px;
padding:3px;
background-color:#EAEAEA;
}

.partie_contact_zoom{
height:34px;
background-image:url(../images/zoom_tete.gif);
}


.partie_contact_adresse{
height:33px;
background-image:url(../images/adresse_tete.gif);
}

.partie_contact_profil{
height:33px;
background-image:url(../images/adresse_profil.gif);
}

.partie_contact_ecrit{
height:33px;
background-image:url(../images/adresse_ecrit.gif);
}

.partie_contact_info{
height:33px;
background-image:url(../images/adresse_info.gif);
}

.partie_contact_zone{
width:584px;
border: 1px solid #CDCDCD;
margin-bottom:10px;
padding:4px;
text-align:left;
}

ul.contact_avlis{
list-style:none;
margin:0 0;
padding:0 0;
}




ul.contact_avlis li{
padding:6px;
}

li.zone_texte_contact{
text-align:right;

float:left;
width:200px;
}

li.envoyer{
width:566px;
text-align:center;
}
/* --------------------------------------------------------------------------- */

/* ----------------------------- CANDIDATURE --------------------------------- */
ul.candidature{
list-style:none;
margin:0 0;
padding:0 0;
}

ul.candidature li{
padding:6px;
}

li.zone_texte_candidature{
text-align:right;
float:left;
width:240px;
}

/* --------------------------------------------------------------------------- */

/* --------------------------- GESTION TABLEAU ------------------------------- */

.tableau_avlis{
margin:0px 0 10px 0 ;
}

.tete_tableau_avlis{
text-align:left;
height :20px;
width:568px;
background-image:url(../images/tete_tableau.gif);
padding:6px 0 0 25px ;
}

.zone_tableau_avlis{
width:583px;
border-left : 1px solid #A7B8C1;
border-right : 1px solid #A7B8C1;
border-bottom : 1px solid #A7B8C1;
background-color:#F9F9F9;
padding: 4px;
margin-bottom:10px;
}

.paragraphe{
margin-bottom:25px;
}
/* --------------------------------------------------------------------------- */

/* ---------------------------- GESTION LISTE -------------------------------- */
ul.liste_infos{
margin-left:30px;
padding:0 0;
}

ul.liste_infos li{
padding:6px;
}
/* --------------------------------------------------------------------------- */

/* --------------------------- GESTION POLICES ------------------------------- */
.police_texte{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

.police_texte_photo{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:justify;
}


.police_texte_gras{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.police_texte_gras_blanc{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.police_titre{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

}


.police_bleu_gras{
color:#807AFB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.police_texte_petite{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}

.police_texte_temoignage{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:justify;
}

.police_rouge_gras{
color:#ff0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.police_titre_rouge{
color:#ff0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
width:100%;
text-align:center;
}

.police_accueil_rouge{
color:#ff0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
width:100%;
text-align:center;
}

.police_accueil_gris{
color:#7C7C7C;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
width:100%;
text-align:center;
}

.police_titre_forum{
color:#5E6678;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:100%;
text-align:left;
}

.police_texte_forum{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

.police_texte_cours{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

a.lien {
color:#000BA2;
text-decoration:none;
}

a.lien:hover {
color:red;
text-decoration:none;
}
/* --------------------------------------------------------------------------- */