body{
margin:0px; 
font-size:10pt; 
text-align:left; 
font-family:"roboto"; 
width: 90%;
margin-right: 5%;
margin-left: 5%;


}



h1{
font-family:calibri;
font-size:25px;
color:black;
}

h2{
font-family:calibri;
font-size:18px;
color:black;
}

h3{
color:#2d3870;
font-size:15px;
font-family:calibri;
float:left;
margin:30px 0 0 0;
padding:0;
}

hr{
color:#2d3870;
border-top:solid 1px #CCCCCC;
text-align:left;
float:left;
clear:both;
width:100%;
}

.input{
width:200px;
border:1px solid #dddce1;
height:18px;
font-size:12px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding:0 0 2px 2px;
}

.input:hover{
border:1px solid #f38621;
}

.checkbox{
border:1px solid #dddce1;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.select{
border:1px solid #dddce1;
color:white;
background-color:#7f95cf;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.textarea{
border:1px solid #dddce1;
font-size:12px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding:0 0 2px 2px;
}

.textarea:hover{
border:1px solid #f38621;
}

.select:hover{
border:1px solid #f38621;
}

.vignette{
position:absolute;
}

.vignette img{
float:left;
}

.vignette a{
text-decoration:none;
color:black;
}

.vignette a:hover{
font-weight:bold;
font-style:italic;
}

#vignette1{
margin:-5px 0 0 235px;
}

#vignette2{
margin:370px 0 0 230px;
}

#vignette3{
 margin:180px 0 0 413px;
}

#vignette4{
margin:170px 0 0 -40px;
}

.text_vignette{
margin:5px 10px 0 10px;
float:left;
}

.lien_vignette{
float:left;
}

#btn_valider{
width:120px;
border:1px solid #8ea9be;
height:20px;
background-color:#2e3674;
color:white;
cursor:pointer;
margin:15px 0 0 0;
}

.required, #required{
background-color:transparent;
background-image:url("../images/obligatoire.png");
background-repeat:no-repeat;
background-attachment:scroll;
background-position:right top;
padding-right:10px;
}

/*************************
          MENU
*************************/
#menu{
/*width:100%; */
height:27px; 
line-height:20pt;
color:white;
font-weight:bold;
font-family:verdana;
font-size:10pt;
text-align:center;
background-color:#00ADEE;
}

#menu, #menu ul{
list-style:none;
}

#menu a{
padding:0;       
color:#fff;
text-decoration:none;
}

#menu li{ 
float:left; 
/* pour IE qui ne reconnaît pas "transparent" */
border-right:1px solid #fff;
width:12%;
min-width: 100px;
}

#menu li a:hover{ 
text-decoration:none; 
font-weight: bold; 
color:darkblue;
}

#menu li a{ 
//float:left;
}

.titre_menu{
text-align:center;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li{
border-right:1px solid transparent ;
}

#menu li ul{ 
position:absolute;
left:-999em;
}

#menu li ul li{
/* pour ie qui ne reconnaît pas "transparent" */
border-top:1px solid #fff;
color:black;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li{
border-top:1px solid transparent;
}

#menu li ul ul{
margin:-70px 0 0 121px;
/* pour IE qui ne reconnaît pas "transparent" */
border-left:1px solid #fff;
background-color:#839cd5;
z-index:1;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul ul{
border-left:1px solid transparent;
}

#menu li:hover ul ul, #menu li.sfhover ul ul{
left:-999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{
left:auto;
min-height:0;
}

#menu li ul.sous_menu li{
text-align:left;
background-color:#00ADEE;
z-index:1;
margin:0 0 0 -20px;
clear:both;
width:12%;
min-width: 100px;
}

#menu li ul.sous_menu{
background-color:#00ADEE;
z-index:1;
margin:0 0 0 -10px;
//margin:18px 0 0 -30px;
line-height:10pt;
}

#menu li ul.sous_menu li a{
color:white;
}


#menu li ul.sous_menu li a:hover{
color:#FCBA04;
}

#menu li ul.sous_menu li a div{
margin:0 0 0 5px;
}

#menu li ul.sous_menu li ul.sous_sous_menu li{
background-color:#5f72ac;
z-index:1;
text-align:left;
}

#menu li ul.sous_menu li ul.sous_sous_menu ul{
background-color:#5f72ac;
z-index:1;
}

.barre{
margin:5px 10px 0 10px;
float:left;
//float:none;
}

.barre-sous_menu{
margin:2px 0 0 0;
float:left;
clear:both;
}

/*************************
     CONTENT INDEX
*************************/
#content_index{
margin: 230px 0 0 440px;
color:black;
height:485px;
}

#content_index  a img{
border:0;
text-decoration:none;
}

/*************************
        CONTENT
*************************/
#content{
margin: 10px 0 0 0;
color:black;
}

#content table{
margin:10px 0 10px 0;
font-size:15px;
}

#content table tr td{
color:black;
}

#content table tr td a img{
border:0;
text-decoration:none;
}

/*************************
    CONTENT ADMIN
*************************/
#content_admin{
min-height:600px;
margin: 10px 0 0 20px;
color:black;
}

#content_admin table{
margin:10px 0 10px 0;
font-size:15px;
}

#content_admin table tr td{
color:black;
}

#content_admin table tr td a img{
border:0;
text-decoration:none;
}

/*************************
    Pages Formation
*************************/
#formations{
margin:0 0 0 20px;
float:left;
}

#colonne_haut{
width:100%;
clear:both;
}

#calendrier{
float:left;
height:185px;
clear:both;
}

#detail_calendrier{
position:relative;
border:1px solid #dddce1;
width:380px;
height:140px;
float:left;
margin:24px 0 0 20px;
font-size:15px;
//margin:60px 0 0 -100px;
}

#detail_calendrier table{
margin:5px 0 0 15px;
font-size:15px;
}

#detail_calendrier span{
float:left;
margin:0 20px 0 0px;
}

#legende{
font-size:11px;
position:absolute;
bottom:5px;
margin:0 0 0 10px;
}

#legende img{
float:left;
margin:2px 2px 0 0;
}

#legende span{
float:left;
margin:0 5px 0 0;
}

#programme_formation{
float:left;
margin:24px 0 0 25px;
//margin:60px 0 0 20px;
font-size:12px;
width:10%px;
}

#programme_formation a img{
border:0;
margin-top:15px;
}

#colonne_mid{
width:750px;
clear:both;
}

#tarifs{
margin-top:-20px;
//margin-top:10px;
width:750px;
float:left;
}

#informations_tarif{
margin:0 0 20px 0;
}

#moyens{
margin:0;
font-size:15px;
float:left;
}

#moyens h2{
margin-top:0px;
}

#autres_formation{
float:left;
margin:0 0 0 100px;
}

#autres_formation h2{
margin-top:0px;
}

#autres_formation table{
margin:-5px 0 0 0;
}

#autres_formation img{
border:0;
float:left;
margin:0 3px 0 0;
}

#autres_formation a{
color:black;
text-decoration:none;
}

#colonne_bas{
width:750px;
float:left;
margin:0 0 50px 0;
}

#demande_information{
font-family:calibri;
border:1px #dddce1 solid;
width:340px;
height:auto;
clear:both;
float:left;
margin:10px 0 0 0;
}

#demande_information table{
margin:0 0 0 10px;
}

#demande_information h2{
margin-left:10px;
}

.input_demande{
width:160px;
border:1px solid #dddce1;
height:18px;
font-size:12px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding:0 0 2px 2px;
}

.input_demande:hover{
border:1px solid #f38621;
}

#formulaire_inscription{
margin-bottom:50px;
font-family:calibri;
margin:10px 0 0 30px;
float:left;
width:425px;
height:auto;
border:1px #dddce1 solid;
}

#formulaire_inscription h2{
margin-left:20px;
}

#formulaire_inscription table{
margin:0 0 0 20px;
}

#formulaire_inscription select{
width:150px; 
text-align:left;
}

.input_inscription{
width:220px;
border:1px solid #dddce1;
height:18px;
font-size:12px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding:0 0 2px 2px;
}

.input_inscription:hover{
border:1px solid #f38621;
}


.select_inscription{
border:1px solid #a0a0a0;
font-size:12px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.select_inscription:hover{
border:1px solid #f38621;
}

select#civilite{
width:60px;
}

select#nb_personne{
width:300px;
}

table#formulaire_groupe{
margin:0 0 -60px 30px;
}

table#table_opca{
margin:35px 0 0 20px;
padding-top:10px;
background-color:#cccccc;
border-top:1px #dddce1 solid;
border-left:1px #dddce1 solid;
border-right:1px #dddce1 solid;
}

table#formulaire_individuel{
margin-bottom:-60px;
}

table#formulaire_individuel td{
width:200px;
}

table#formulaire_individuel td input{
width:180px;
}

#opca{
margin:0 0 15px 40px;
padding-bottom:10px;
width:335px;
background-color:#cccccc;
border-bottom:1px #dddce1 solid;
border-left:1px #dddce1 solid;
border-right:1px #dddce1 solid;
}

#opca table tr td input{
width:160px;
}

.obligatoire{
float:left;
margin:15px 0 0 20px;
font-weight:bold;
font-size:13px;
}

.representant_info{
float:left;
margin:15px 0 0 0;
font-weight:bold;
font-size:13px;
}

table#table_radio{
margin-top:10px;
margin-bottom:10px;
}

/*************************
  Pages Administration
*************************/
#connexion{
width:450px;
margin:150px auto 0 auto;
}

#connexion fieldset{
border:1px solid #dddce1;
background:#87a0d9;
-moz-border-radius:5px;
-webkit-border-radius:5px;
z-index: 1;
padding: 0.5em 1em 1em;
margin-bottom:0.5em;
clear:both;
}

#connexion a{
color:white;
}

table.liste{
border-collapse: collapse;
text-align:center;
margin:0px;
clear:both;
}

table.liste tbody{
margin:0px;
}

table.liste td{
border:1px black solid;
}

table.liste td#action{
font-size:14px;
}

table.liste th{
color:white;
background-color:#7f95cf;
border:1px black solid;
}

table.liste img{
margin:2px 0 0 0;
}

table.liste span{
margin:3px 0 0 2px;
float:left;
}

#statut{
font-size:15px; 
margin:20px 0 10px 0; 
}

#statut span{
float:left;
margin:0 10px 0 0;
}

#raison_refus{
margin:0 0 10px 0;
display:none;
}

/*****Ajout formation****/
#ajout_formation td{
width:150px;
}

/*************************
    QUI SOMMES NOUS ?
*************************/
#a_propos{
width:500px;
margin:0 0 50px 20px;
float:left;
}

#activite{
margin:0 0 0 20px;
}

/*************************
		HOTLINE	
*************************/
#hotline{
margin:0 0 50px 20px;
width: 100%;
}

/*************************
	PARTENAIRES	
*************************/
#partenaires{
margin:0 0 50px 20px;
float:left;
}

/*************************
	LISTE OPCA	
*************************/
#liste_opca{
margin:0 0 50px 20px;
float:left;
}

/*************************
        LEXIQUE	
*************************/
#lexique{
color:black;
margin-bottom:100px;
}

#lexique table{
clear:both;
}

#lexique h1{
float:none;
margin-top:100px;
}

#lexique a{
margin:10px 0 10px 0;
color:black;
float:left;
clear:both;
text-decoration:none;
font-size:20px;
}

#lexique a:hover{
font-style:italic;
font-weight:bold;
}

#lexique img{
border:0;
float:left;
margin:0 8px 0 0;
}

/*************************
   VOIR INSCIRPTIONS
*************************/
#voir_inscription{
margin:20px 0 50px 20px;
float:left;
}

/*************************
        FOOTER	
*************************/
#footer{
float:left;
width: 100%;
height: 25px;
background-color: #00ADEE;
padding-top: 5px;
font-size: 80%;
font-family: verdana,arial,serif;
color:white;

}

#footer a > strong {
margin:2px 130px 0 10px;
float:left;
}

#footer a{
border:0; 
text-decoration:none;
color:white;
}

#footer img{
border:0; 
margin:-2px 0 0 5px; 
float:left;
}

#footer img.barre{
float:left;
margin:2px 5px 0 10px;
}