html{
    height: 100%;
    width: 100%;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 10px 0;
padding: 0;
height: 100%;
width: 100%;
background: #FFFFFF URL(../images/bg.jpg) repeat-x;
text-align: center ;
color: white;
}

#conteneur {
width: 750px;
margin: 0 auto;
text-align: left ; 
}

#conteneur a{color: orange;}

#header {
height:106px;
background: url(../images/header.gif) no-repeat;	
}

h1 {
color:white;
font-weight:bold;
font-size:20px;
margin-left:10px;
}

h2 {
color:white;
font-weight:bold;
font-size:15px;
margin-left:20px;
}

#menu {
height: 40px;
padding-top: 10px;
background-color:#456ba7;
}

/*Menu principal*/
#main_menu {
	 margin-top:0px;
	 padding: 0px 2px;
	 !padding: 2px 2px;
     height:17px;
	 !height:15px;
	 color:#ff8a00;
     font-size:10px;
	 text-transform: uppercase;
     text-align: center;
	 background-color: #456ba7;
}

#main_menu a { color:#FFFFFF; background:#7E8591 url(../images/menu_.gif) repeat-x; border:1px solid; border-color:#5480c3 #29446f #29446f #5480c3;
			bottom:10px; padding: 1px 15px; background-position:top; text-align:center; font-size: 11px; color:#FFF; text-decoration:none; font-weight:bold;
}

#main_menu a:hover { color:#000000; background:#7E8591 url(../images/menu_over.gif) repeat-x; }

#main_menu .styleSubMenu{
     font-weight:bold;
     font-size:12px;
}

#main_menu .styleMainMenu{
     font-weight:bold;
     font-size:12px;
}

#main_menu .styleMainMenu2{
	font-weight:bold;
   font-size:12px;
   color:#252928; background:#7E8591 url(../images/over.gif) repeat-x; border:1px solid; border-color:#c9d7ed #87a4d1 #87a4d1 #c9d7ed; 
}
/*Fin menu principale*/

/*Menus secondaires*/
#sub_menu {
     height:22px;
	 _height:22px;
	 width: 750px;
	 color:#ff6b60;
     font-size:12px;
	 background-image:url("../images/menu2.gif");
     background-repeat:repeat-x;
     text-align: center;
	 font-family:tahoma, times, verdana, sans-serif ;
	 font-weight:bold;
	 background-color: #f0e7c1;
}

#sub_menu a {   color:#e4e4e4; padding: 3px 15px; background:#7E8591 url(../images/sub_menu_.gif) no-repeat; position: relative; top:6px; text-decoration:none; }

#sub_menu a:hover{color:#fff; background:#7E8591 url(../images/sub_menu_over.gif) no-repeat;}

#sub_menu .styleSubMenu { font-weight:bold; font-size:12px; }

#sub_menu .styleSubMenu_over {color:#fff; background:#7E8591 url(../images/sub_menu_over.gif) repeat-x; font-weight:bold; font-size:12px; }

/*Fin Menus secondaires*/


#main_content {
background-color:#456ba7;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
}

/*Bas de page*/
#footer {
height: 24px;
background-color: #99CC99;
font-size:0.8em;
font-weight:bold;
color:white;
text-align: center;
background-image:url("../images/footer.gif");
clear:both;
padding-top:0px;
line-height:25px;
}

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

#footer img{margin-right:5px;padding-top:3px;
}

#footer span.chargement {
     font-style: italic;
     font-size:8px;
}
/*Fin Bas de page*/

p {margin: 0 0 0 0;}

/* Error box */
#error {
  position:fixed;
  top:25%;
  width:auto;
  height:auto;
  border-bottom:2px solid red;
  border-right:2px solid red;
  border-top:2px solid red;
  border-left:2px solid red;
  padding:0.2em 0.2em 0.2em 0.2em;
  right:25%;
  color:black;
  background:#ffc0cb;
}

#error td {
  font-size:0.8em;
}

#error a {
  text-decoration: none;
}

/* message d erreur en dehors du box */
.error_message {
  font-size:10px;
  font-weight:bold;
  color:red;
}

/* Tips box */
#tip {
  position:fixed;
  top:5%;
  left:5%;
  width:auto;
  height:auto;
  border-bottom:2px solid yellow;
  border-right:2px solid yellow;
  border-top:2px solid yellow;
  border-left:2px solid yellow;
  padding:0.2em 0.2em 0.2em 0.2em;
  display: none;
  color:black;
  background:#ffffa7;
}

#tip_link {
  position:fixed;
  top:5%;
  right:5%;
  width:auto;
  height:auto;
  border-bottom:2px solid yellow;
  border-right:2px solid yellow;
  border-top:2px solid yellow;
  border-left:2px solid yellow;
  padding:0.2em 0.2em 0.2em 0.2em;
  color:black;
  background:#ffffa7;
}

#tip td {
  font-size:0.8em;
}

#tip a {
  text-decoration: none;
}
/*Fin tips box*/

input:focus, textarea:focus {
  background:#E3F1FF;
}

/*Texte explicatif dans les differentes pages*/
.breve_description {
    background-color: #395888;
	border: 1px solid #476da8;
    /*
    position: relative;
    float:left;
    
    
    width:40%;
    */
    padding: 10px;
    text-align: left;
    margin-top: 30px;
    margin-left: 110px;
    margin-bottom: 0px;
	color: white;
	width: 330px;
}

.breve_description a {
     color:#fff;
     text-decoration:none;
}

.breve_description a:visited {
     color:#fff;
     text-decoration:none;
}

.breve_description a:hover {
     color:#fff;
     text-decoration:underline;
}
/*Fin Texte explicatif dans les differentes pages*/

/* For use with the client-side javascript sort */
table.sortable a.sortheader {
    text-decoration:none;
    color:#ffffff;
}

table.sortable tr:hover {
    background:#4c6c9e;
	margin-left:0px;
}

table.sortable tr {
    background:#395888;
}


table.sortable th {
  color: white; 
  background: #2c4771;
  font-size:0.8em;
  border:1px solid #5d81ba;
  padding:0.2em 1em 0.2em 1em;
}
/* End of the client-side javascript sort */


/* mise en page par 20 */ 
span.current_page { 
    color:red; 
    font-weight: bold; 
    font-size: 12px; 
    font-family: Arial; 
}
/* end mise en page par 20 */ 

/*Allignements des Champs des Formulaires*/
div.row {
    clear: both;
    padding-top: 10px;
 }

div.row span.intitule {
	color:white;
    float: left;
    width: 30%;
    text-align: right;
	}

div.row label.formulaire {
    float: right;
    width: 65%;
    text-align: left;
 }
 
 div.row div.formulaire {
    float: right;
    width: 65%;
    text-align: left;
 }
 /*Fin Allignements des Champs des Formulaires*/