body {background: #9999FF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; margin: 10 auto; padding: 0;}
a {color: #666666; text-decoration: none;}
a:hover {COLOR: #333333; text-decoration: underline;}

.blanc {background: url(../img/blanc.png) repeat-Y;}
.menu ul {list-style: none; margin: 0px; padding: 0;}
.menu ul li {list-style: none; margin: 10px 0px 0px 10px; padding: 0px;}
.menu h1 {color: #333333; font-size: 24px; text-align: center; margin: 0px;}
.menu a:hover {color: #666666; text-decoration: underline;}

#animation {width: 100%; padding: 0; margin: 0; color: #FFFFFF;}
#animation a {color: #FFFFFF;}

#main {position: relative; width: 950px; margin: 0 auto; padding: 0px;}
#header {background: url(../img/header.png) no-repeat center top; width: 100%; height: 160px; margin: 0; padding: 0;}

#barre {position: relative; padding: 0; font-size: 14px; height: 25px; width: 950px; background: url(../img/barre.png) no-repeat right top; margin: 0px;}
#barre ul {position: absolute; left: 0; display: inline; list-style: none; margin: 0; padding-left: 40px;}
#barre ul li {display: block; float: left; margin: 0; padding: 4 20;}
#barre ul li a {text-decoration: none; padding: 0; color: #555555; font-weight: bold;}
#barre ul li a:hover {color: #444444;}
li#li {background: url(../img/inter.png) no-repeat right top;}
#barre h1 {font-size: 14px; text-align: center; margin: 0; padding: 0;}

#ctt {width: 100%; margin: 0; padding: 0;}
table.mail_form {width: 90%; font-size: 14px; margin: 0 auto;}
table.mail_form input {margin: 0 auto; width: 100%;}
table.mail_form td {margin: 0; text-align: center;}
table#liste_question {width: 85%; margin: 0 auto;}
table#liste_question th {width: 5%; color: #333333;}

#ctt h1.quest {font-size: 20px; text-align: left; padding-left: 40px; color: #FF8282;}
p.question {padding: 5px; width: 90%; border: 1px solid; border-color: red; background: #FFBBBB;}
#ctt h1.rep {font-size: 20px; text-align: left; padding-left: 40px; color: #9BABFF;}
p.reponse {padding: 5px; width: 90%; border: 1px solid; border-color: blue; background: #BBC8FF;}

#colonne1 {width: 180px; float: left; margin: 0; padding: 0; background:url(img/table_matiere_bg.png) repeat-Y; text-align: left;}

#colonne2 {width: 750px; float: right; padding: 15px 20px 0px 0px; text-align:center; margin: 0px;}
*>#colonne2 {padding: 0px 10px 0px 0px; width: 750px; margin: 0px;}
#ctt p {font-size: 14; text-align: justify; color: #222222; line-height: 20px; width: 90%; margin: 5 auto;}
#ctt h1 {text-align: center; font-size: 24px; color: blue; font-weight: bold; font-family: arial;}
#ctt img {margin: 0 auto; padding: 0px;}

#precsuiv {width: 100%; padding: 0; margin: 20px 0px 30px 0px;}
#prec {float: left; margin-left: 20px;}
#suiv {float: right;}

#cttend {clear: both;}

#footer {position: absolute; /*background: url(../img/footer.png) no-repeat center top;*/ width: 950px; height: 100px; margin: 0; padding: 0; position: relative;}
#hislogo {height: 50px; width: 175px; background: url(../img/logohisbleu.png) no-repeat center top; margin: 0 auto;}
#footerctt {width: 80%;	height: 100%;	margin: 0 auto; font-size: 10px;}
#footer_left {width: 350px; text-align: right; float: left; margin: 14px 0 0 -90px;}
#footer_right {width: 300px;	text-align: left; float: right;	margin: 14px 0 0 0;}
#footer ul li{	margin: 5px; list-style: none;}
#footer a {color: #333333; text-decoration: none;}