@charset "UTF-8";
/* CSS Document */
/* © 2009 ezigraph - www.ezigraph.com */

body {background:#404549; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
img {border:none}
p {margin:0; padding:0; text-align:justify;}
h1 {margin: 5px 10px; font-weight:bold; font-size:22px; letter-spacing:-1px; color:#000}
h2 {margin: 5px 10px; font-weight:bold; font-size:16px; letter-spacing:-1px; color:#000}

#global {width:1000px; height:700px; margin: 50px auto 0 auto; padding: 0 22px; background:url(img/bg-glob.jpg) #404549 top center no-repeat;}

#header {width:1000px; height:60px; background:#404549 url(img/bg-header.jpg) bottom repeat-x;}
#header img, #header div {float:left}

#menu {width:571px; height:30px; padding-top:30px;}
#menu img {padding-left:4px; border-left:#e95811 solid 1px; margin-right: 30px}
#menu ul {list-style:none; margin: 0 0 0 40px; padding:0}
#menu li {float:left; margin:0; padding:0}

/*popcss*/
.rollover {z-index: 0; position:relative;}
.rollover img {position:relative;}
.rollover:hover {z-index: 50;}
.rollover span {position: absolute; background:url(img/loader.gif) no-repeat; background-position: center 20px; left: -1000px; visibility: hidden; text-decoration: none; width:40px; height:40px;}
.rollover span img {border:none !important;}
.rollover:hover span, .rollover:active span {visibility: visible; left:0; margin-top:-45px}

#loader {width:1000px; height:618px; background:url(img/loader.gif) #FFF center no-repeat; }
#contener {width:1000px; height:618px; background:url(img/bg-cont.jpg)}
#badge {width:319px; height:87px; background:url(img/badge.png) right no-repeat; position: absolute; left:50%; margin:531px 0 0 181px; z-index:50;}
#footer {text-align:center; font-size:10px; color:#CCC; padding: 10px 100px;}
#footer p {text-align:center;} 
#footer a:link, #footer a:visited {color:#CCC; text-decoration:none}
#footer a:hover, #footer a:active {color:#FFF; text-decoration:underline}

/*contenu*/
#presentation {width:440px; height:545px; padding-right:10px; background:#FFF; border-right:#e95811 solid 2px; float: left; margin: 30px 0 0 26px; color:#333}
#presentation a {display:block; padding:2px; float:left;}
#contenu {width:824px; height:525px; padding: 20px 10px; background:url(img/bg-contenu.png); border:#e95811 solid 2px; float: left; margin: 30px 0 0 0; color:#333;}
.grille {text-align:center; margin-left:10px; width:330px}
.grille td {border:#999 solid 1px; background-color:#FFF; height:25px;}
.nota {font-style: italic; font-size:10px; padding-left:20px; line-height:10px;}
.panel img {float:left; margin: 10px;}
.panel p {display:block; float:right; text-align:center; width:100%; margin-top:15px;}

/*contact*/
#reponse {text-align:center; margin:30px 0;}
#formulaire {width:400px; text-align:right; height:400px; margin:0 0;}
#validation{ padding:4px; border:none; cursor:pointer; background-color:#5a5966; color:#fff;}
.couleur1 {font-size:18px; color:#f15d22;}
.couleur1_3 {color:#f15d22;}
.rouge {color:#DF1B1B; margin:0 4px;}