body {
margin: 0;
width: 100%;
background-color: #f8f8f8;
 }

a {
 text-decoration: none;
 }

 /* les images */
.enfourn {
width: 370px;
height: 420px;
border: 0;
 }

.right {
 float: right;
 width: 370px;
 height: 420px;
 margin-right: 150px;
 }
 
.nocadre {
text-decoration: none;
 }
  
 /* class <span> */
.alerte {
 font-weight: bold;
 color: red;
 font-size: 14px;
 }
 
.rouge {
 font-weight: bold;
 color: red;
 font-size: 14px;
 }
 
.webmaster {
 color: #fff;
 font-weight: bold;
 }
 
.bold {
 font-weight: bold;
 }
 
.cadre1 {
 border: 1px solid #d6d6d6;
 background-color: #d6d6d6;
 padding: 10px;
 }
 
.avantage {
 font-size: 16px;
 font-weight: bold;
 color: #34ab20;
 }

#grand {
 font-size: 18px;
 }
 
.attention {
 font-weight: bold;
 color: #c80707;
 }
 
.warn {
 float: left;
 margin: auto;
 margin-right: 10px;
 }
 
.boul {
 color: #cb6704;
 font-weight: bold;
 }
 
.boul1 {
 color: #cb6704;
 font-weight: bold;
 font-size: 18px;
 text-decoration: underline;
 }
 
.italic {
 font-style: italic;
 text-decoration: underline;
 }
 
#contenu .cadre {
 border: 1px solid #d6d6d6;
 padding: 10px;
 background-color: #E9EDF0;
 }
 
.titreslide a{
 color: green;
 font-weight: bold;
 }
 
#menu_left .entete {
 text-align: center;
 background-color: #036ab5;
 border: 3px solid #000;
 font-size: 22px;
 font-weight: bold;
 margin-bottom: 10px;
 }
 
/* Conteneur */

#contenu {
 background-color: #fff;
 margin: 0;
 padding: 20px;
 width: 960px;
 }
 
/* Le header */
#header {
 width: 100%;
 height: 150px;
 background-image: url(../images/head.png);
 background-repeat: repeat-x;
 }
 
#logo {
 width: 500px;
 height: 150px;
 margin: auto;
 margin-top: 0px;
 }
 
/* Menu horizontal */
#contenu_wrap {
 background: #2b2b2b;
 height: 40px;
 position: relative;
 width: 980px;
 margin: auto;
 margin-bottom: 0;
 }

#wrap {
 position: absolute;
}

#wrap dl {
 height: 40px;
 margin: 0;
 padding: 0;
 display: block;
 float: left;
}

#wrap dt {
 display: block;
 width: 195px;
 height: 40px;
 color: #fff;
 line-height: 40px;
 text-align: center;
 border-right: 1px solid #E4E4E4;
 cursor: pointer;
 }
 
#wrap dd {
 display: block;
 margin: 0;
 padding: 0;
 background: #555555;
 }

#wrap dd ul {
 margin: 0;
 padding: 0;
 text-align: center;
 list-style: none;
}
#wrap dd ul li {
 display:block;
 margin: 0;
 padding: 0;
 }
 
#wrap dd ul li a {
 color: #fff;
 display: block;
 height: 30px;
 line-height: 30px;
 border-top: 1px solid #e4e4e4;
 }
 
#wrap dd ul li a:hover {
 background-color: #2b2b2b;
 color: #ffcc00;
 font-weight: bold;
 }
 
#wrap dl dd {
 display: none;
 }

#wrap dl:hover dd {
 display: block;
 }
 
.separator li {
	color: #ffcc00;
	font-weight: bold;
}

/* Menu principal */


 
#nav {
 float: left;
 width: 200px;
 list-style:none;
 margin: 0;
 padding: 0;
 margin-top: 50px;
 border: 1px solid #d6d6d6;
 }

#nav li {
 background: #123456;
 color: #fff;
 border: 1px solid #d6d6d6;
 margin-bottom: 1px;
 }

#nav li a {
 display: block;
 background: #123456; 
 color: #fff; 
 font: 14px "Trebuchet MS",Arial,sans-serif; 
 line-height: 1em; 
 text-align: center; 
 text-decoration: none; 
 padding: 4px 0; 
 }
 
#nav li a:hover, #nav li a:focus, nav li a:hover {
 background: #026ab6;
 }
 
 /* Contenu des pages */
 
#contenu {
 font-family: trebuchet MS, verdana, arial;
 font-size: 13px;
 border: 1px solid #d6d6d6;
 width: 960px;
 margin: auto;
 margin-top: 0;
 }
 
#contenu h1 {
 font-size:22px;
 color: #cb6704;
 font-weight: bold;
 text-indent: 2px;
 }
 
#contenu h2 {
 font-size: 18px;
 color: #123456;
 font-weight: bold;
 text-indent: 10px;
 }
 
#contenu h3 {
 font-size: 15px;
 color: #000;
 font-weight: bold;
 text-indent: 15px;
 }
 
 /* Le footer */
 
#footer {
 width: 960px;
 height: 60px;
 border: 1px solid #d6d6d6;
 margin: auto;
 margin-top: 40px;
 margin-bottom: 10px;
 background: #cb6704;
 }
 
.copyright {
 text-align: center;
 color: #fff;
 }
 
 /* Les tableaux */

table {
 border-collapse: collapse;

} 

td {
 width: 150px;
 background-color: #d6d6d6;
 border: 1px solid #026ab6;
 padding: 10px;
 text-align: center;
 }

th {
 background-color: #123456;
 color: #fff;
 border: 1px solid #026ab6;
 }

 .laise td{
 width: 50px;
 }

 .first {
 background: #123456;
 color: #fff;
 }
 
 .foot {
 background: #123456;
 color: #fff;
 }
 
 .tab_form {
 margin: auto;
 }

 
/* Les formulaires */

form {
 }
 
fieldset {
 border: 1px solid #d6d6d6;
 background-color: #fff;
 padding: 15px;
 }
 
legend {
 font-size: 15px;
 font-weight: bold;
 color: #123456
 }

label {
 display:block;
 width:200px;
 float:left;
 font-weight: bold;
 }

textarea {
 width: 30%;
 height: 120px;
 }

#select label {
 border-bottom: 1px solid #d6d6d6;
 padding-bottom: 5px;
 }
 
#backform {
 background-color: #d6d6d6;
 padding: 15px;
 border: 5px solid #d0d0d0;
 }
 
.cadre2 {
 width: 100%;
 background-color: #cb6704;
 padding: 6px;
 }
 
.big {
 width: 500px;
 }

.bigg {
 width: 350px;
 }