/*********** charte css albane **********/
body , html
        {
        margin :0;
        padding:0;
        background:#B80E0E url(images/charte/fond_grille.jpg) repeat-y 0 0;
        scrollbar-base-color:#fff;
        }
#container
        {
         display:block;
         margin:0 auto 0 auto !important;
         width:990px;
         height:auto;
         padding:0;
         background-color:transparent;
        }
#top
        {
         float:left;
         width:990px;
         height:164px;
         margin:0;
         padding:0;
        }
#content
        {
         float:left;
         width:988px;
         height:auto;
         margin:0;
         padding:0;
         border:1px #fff solid;
        }
#nav
        {
         float:left;
         width:265px;
         height:auto;
         margin:0;
         padding:0;
         background:transparent url(images/charte/suitnav.jpg) repeat-y 0 0;
        }
#contenu
        {
         float:left;
         width:685px;
         padding:0 19px 0 19px;
         min-height:105px !important;
         height:auto;
         background:transparent url(images/charte/fdpge.jpg) no-repeat 0 0;
         margin:0 0 15px 0;
      /*  border:1px #fff solid; */
        }
#bottom
        {
        float:left;
        width:989px;
        height:22px;
        padding:0;
        margin:0;
        border-right:1px #fff solid;
        border-left:1px #fff solid;
        }
/*************** contenu **********************/
h1,
h2,
h3,
h4,
h5,
p,
ul,
li,
#ariane,
#haut,
.voircontenuformation,
legend,
label,
#envoyer,
.coordonnees,
.petittexte,
.normaltexte,
.forminput,
.formtextareadress,
.formtextareacomment
        {
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        }
#contenu h1
        {
        font-size:18px;
        font-weight:bold;
        color:#fff;
        border-bottom:1px #fff dotted;
        letter-spacing: 4px;
        border-left:10px #02b6e9 solid;
        padding:0 0 0 5px;
        margin:25px 0 15px 0;
        }
#contenu h2
        {
        font-size:15px;
        font-weight:bold;
        color:#fff;
        padding:0 0 0 10px;
        margin:0;
        }
#contenu h3
        {
        font-size:15px;
        font-weight:bold;
        color:#02b6e9;
        border-left:5px #fff solid;
        padding:0 0 0 5px;
        margin:0 0 0 10px;
       /* border:1px #fff solid; */
        }
#contenu h4
        {
        font-size:13px;
        font-weight:500;
        color:#fff;
        }
#contenu p
        {
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-align:justify;
        padding:0 0 0 10px;
        }
#contenu p b
        {
         color:#fff;
        }
#contenu p b.bleu
        {
         color:#02b6e9;
        }
#contenu p b.noir
        {
         color:#000;
        }
#contenu p a
        {
        font-weight:500;
        color:#fff;
        text-decoration:none;
        }
#contenu p a:hover
        {
        font-weight:500;
        color:#fff;
        text-decoration:none;
        }
#contenu ul.listecircle
        {
        text-align:left;
        letter-spacing:0.04em;
        font-size:13px;
        font-weight:500;
        color:#fff;
        }
#contenu ul.listecircle li
        {
         line-height:1.6em;
         /*list-style-type:none; */
         list-style-type:circle;
        }
/******** fil d'ariane *******/
#ariane
        {
         float:left;
         height:25px;
         width:685px;
         font-size:12px;
         font-weight:500;
         color:#fff;
         text-align:left;
        }
*html #ariane
        {
        height:20px;
        }
#ariane a
        {
        font-size:12px;
        font-weight:500;
        color:#fff;
        text-decoration:none;
        }
body#accueil #ariane a:hover,
body#presentation #ariane a:hover,
body#intervenants #ariane a:hover,
body#collectifs #ariane a:hover,
body#individuels #ariane a:hover,
body#methodes #ariane a:hover,
body#coatching #ariane a:hover,
body#seminaires #ariane a:hover,
body#dif #ariane a:hover,
body#bulats #ariane a:hover,
body#toeic #ariane a:hover
        {
        font-size:12px;
        font-weight:bold;
        color:#02b6e9;
        text-decoration:none;
        }
body#accueil #ariane .accueil,
body#presentation #ariane .presentation,
body#intervenants #ariane .intervenants,
body#collectifs #ariane .collectifs,
body#individuels #ariane .individuels,
body#methodes #ariane .methodes,
body#seminaires #ariane .seminaires,
body#coatching #ariane .coatching,
body#dif #ariane .dif,
body#bulats #ariane .bulats,
body#toeic #ariane .toeic
        {
        font-size:12px;
        font-weight:bold;
        color:#fff;
        text-decoration:none;
        }
/******** haut de page **********************/
#haut
        {
         float:left;
         height:17px;
         width:685px;
         font-size:10px;
         font-weight:500;
         color:#fff;
         text-align:right;
        }
#haut a,
#haut a:hover
        {
        font-size:10px;
        font-weight:500;
        color:#fff;
        text-decoration:none;
        }
/******** index ********/
#contenu #banniere
        {
         display:block;
         margin:40px auto 40px auto !important;
         background:transparent url(images/charte/banniere-index.jpg) no-repeat 0 0;
         height:71px;
         width:500px;
         padding:0;
         border:1px #fff solid;
        }
/*************** presentation ****/
#contenu #lyon
        {
         float:right;
         background:transparent url(images/charte/lyon.jpg) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:0 0 0 20px;
         border:1px #fff solid;
        }
#contenu #lyon2
        {
         float:right;
         background:transparent url(images/charte/lyon2.jpg) no-repeat 0 0;
         height:149px;
         width:91px;
         padding:0;
         margin:0 0 0 20px;
         border:1px #fff solid;
        }
/********* intervenants *******/
#trombi
        {
         float:left;
        /* height:114px; */
         width:685px;
         margin:10px 0 10px 0;
       /*  border:1px red solid; */
        }
#trombi .equipe
        {
        float:left;
        height:114px;
        width:100px;
        padding:0;
        margin:0 10px 20px 10px;
        }
#trombi .equipe img
        {
        border:1px #fff solid;
        }
/******* cours collectifs *******/
#contenu #img-collectif
        {
         float:right;
         background:transparent url(images/charte/cours-collectifs.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:18px 0 10px 20px;
         border:1px #fff solid;
        }
/******** cours individuels *****/
#contenu #img-telephone
        {
         float:right;
         background:transparent url(images/charte/cours-telephone.png) no-repeat 0 0;
         height:124px;
         width:91px;
         padding:0;
         margin:0px 0 0px 20px;
         border:1px #fff solid;
        }
#contenu #img-web
        {
        clear:both;
         float:right;
         background:transparent url(images/charte/cours-web.png) no-repeat 0 0;
         height:114px;
         width:153px;
         padding:0;
         margin:10px 0 0px 20px;
         border:1px #fff solid;
        }
#contenu #img-methode
        {
        clear:both;
         float:right;
         background:transparent url(images/charte/cours-methode.png) no-repeat 0 0;
         height:123px;
         width:183px;
         padding:0;
         margin:10px 0 0px 20px;
         border:1px #fff solid;
        }
#contenu #img-personnalis
        {
        clear:both;
         float:right;
         background:transparent url(images/charte/cours-perso1.png) no-repeat 0 0;
         height:133px;
         width:89px;
         padding:0;
         margin:10px 0 0px 20px;
         border:1px #fff solid;
        }
#contenu #img-personnalis2
        {
        clear:both;
         float:right;
         background:transparent url(images/charte/cours-perso2.png) no-repeat 0 0;
         height:133px;
         width:89px;
         padding:0;
         margin:10px 0 0px 20px;
         border:1px #fff solid;
        }
/************ dif *********/
#contenu  .voircontenuformation
        {
        float:left;
        margin:10px 0 15px 10px;
        border:1px #fff dotted;
        padding:2px 5px 2px 5px;
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-align:left;
        }
#contenu .voircontenuformation a,
#contenu .voircontenuformation a:hover
        {
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-decoration:none;
        }
#contenu #img-dif
        {
         float:right;
         background:transparent url(images/charte/img_dif.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:18px 0 10px 20px;
         border:1px #fff solid;
        }
/********* dif contenu de la formation : form **********/
fieldset
        {
        float:left;
        width:660px;
        margin:0 0 15px 10px;
        padding:5px 0 5px 0;
        border:1px #fff dotted;
        }
*html fieldset
        {
        width:672px;
        margin:0 0 15px 5px;
        padding:0px 0 10px 0;
        border:1px #fff solid;
        }
legend
        {
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-align:justify;
        padding:0 10px 0 10px;
        }
label
        {
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-align:justify;
        padding:0 10px 0 10px;
        }
#envoyer
        {
         border:1px #fff solid;
         font-size:14px;
        font-weight:bold;
        color:#02b6e9;
        text-align:center;
        background-color:transparent;
        margin:5px 115px 5px 115px;
        }
/******** e-learning *************/
#contenu #img-elearning
        {
         float:right;
         background:transparent url(images/charte/img-elearning.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:18px 0 10px 20px;
         border:1px #fff solid;
        }
/*********** stage ŕ l'étranger *********/
#contenu #img-stage
        {
         float:right;
         background:transparent url(images/charte/img-stage.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:0px 0 10px 20px;
         border:1px #fff solid;
        }
#contenu #img-stage2
        {
         clear:right;
         float:right;
         background:transparent url(images/charte/img-stage2.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:0px 0 10px 20px;
         border:1px #fff solid;
        }
/********* gd public *********/
#contenu #img-gdpublic
        {
         float:right;
         background:transparent url(images/charte/img-gdpublic.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:18px 0 10px 20px;
         border:1px #fff solid;
        }
/******* french for ... *******/
#contenu #img-french
        {
         float:right;
         background:transparent url(images/charte/img-french.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:0px 0 10px 20px;
         border:1px #fff solid;
        }
#contenu #img-french2
        {
         float:right;
         background:transparent url(images/charte/img-french2.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:0px 0 10px 20px;
         border:1px #fff solid;
        }
#contenu #img-french3
        {
         float:right;
         background:transparent url(images/charte/img-french3.png) no-repeat 0 0;
         height:149px;
         width:200px;
         padding:0;
         margin:0px 0 10px 20px;
         border:1px #fff solid;
        }
/************ evaluez-vous******************/
#contenu #les-drapeaux
        {
        float:left;
        /*width:685px; */
        width:680px;
        height:auto;
        margin:0;
        padding:0;
       /* border:1px #fff solid; */
        }
#contenu #les-drapeaux img
        {
         float:left;
         width:56px;
         height:56px;
         margin:0 30px 15px 0;
         padding:0;
         border:0;
        }
/********* contact plans *******************/
#contenu .coordonnees
        {
        float:left;
        width:48%;
        margin:0 0 15px 0;
        font-size:13px;
        font-weight:500;
        color:#fff;
        text-align:justify;
        padding:0 0 0 10px;
        }
#contenu .coordonnees b
        {
        color:#fff;
        }
#contenu .coordonnees a
        {
        font-size:13px;
        font-weight:bold;
        color:#fff;
        text-decoration:none;
        }
#contenu .coordonnees a:hover
        {
        font-size:13px;
        font-weight:500;
        color:#02b6e9;
        text-decoration:none;
        }
#contenu .coordonnees b.noir
        {
        font-size:15px;
         color:#000;
        }
#contenu .normaltexte
        {
         font-size:13px;
        font-weight:500;
        color:#fff;
        text-align:left;
        }
#contenu .petittexte
        {
        font-size:11px;
        font-weight:500;
        color:#fff;
        text-align:justify;
        padding:0 0 0 10px;
        }
.forminput,
.formtextareadress,
.formtextareacomment
        {
        border:1px #fff dotted;
        padding:0;
        margin:2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        color: #fff;
        background-color:#ba0e0e;
        text-align:justify;
        }
*html .forminput,
*html .formtextareadress,
*html .formtextareacomment
        {
        border:1px #fff solid;
        }
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:270px;
       }
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        width:270px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:270px;
        }