@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#6f6f6f;
	background:#e0e0e0 url(images/bg.jpg) top repeat-x;
	border-top:#f00 solid 1px;
}

img{
	border:none;
}

#page{
	background:url(images/bg_gauche.jpg) top center no-repeat;
	border-bottom:#f00 solid 1px;
}

#page2{
	background:url(images/bg_droite.jpg) bottom center no-repeat;
}


/* HEADER */
.header{
	margin:0;
	padding:0;
	width:950px;
	height:156px;
	margin-left:auto;
	margin-right:auto;
}

.header #menu_top {
	width:200px;
}
.header #menu_top ul {
	list-style:url(images/fleche_rouge.gif);
	margin-left:50px;
	margin-top:15px;
}

.header #menu_top ul li {
	padding-left:8px;
}

.header #menu_top a {
	color:#6f6f6f;
	text-decoration:none;
}

.header #menu_top a:hover {
	color:#000;
}

#cliquez {float:right; z-index:999; position:relative; top:101px; -top:111px; right:251px;}

*+html #cliquez { top:118px; }

/* CONTENU */
a{
	color:#6f6f6f;
	text-decoration:underline;
}

a:hover{
	color:#000;
	text-decoration:none;
}

strong{ color:#000; font-weight:bold;}

h1{
	color:#000;
	font-size:28px;
	padding-bottom:15px;
}

#animation{
	width:1028px;
	height:402px;
	margin-left:auto;
	margin-right:auto;
	margin-top:73px;
	background:url(images/bg_animation.jpg) bottom left no-repeat;
	z-index:9;
}

.separateur{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#menu_bas{
	margin-top:35px;
	width:952px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

ul{
	list-style:inside;
	margin-left:50px;
	margin-top:10px;
}

uli li{ 
	padding-left:20px;
}


/* FOOTER */
.footer{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	padding-bottom:20px;
	background:url(images/pointilles_horizontaux.gif) top left no-repeat;
	padding-top:20px;
}


/* FORMULAIRE */
.formulaire label {
	width:110px;
	float:left;
	display:block;
	line-height:26px;
	text-align:right;
	margin-right:10px;
}

.formulaire input,.formulaire textarea {
	background:#FFF;
	font-size:13px;
	padding:3px;
	line-height:22px;
	border:1px #767676 solid;
	color:#0e232d;
}

.formulaire select {
	background:#FFF;
	font-size:12px;
	line-height:24px;
	border:1px #767676 solid;
	color:#0e232d;
}

.formulaire input:hover {border:1px solid #000}

/* BOUTONS */
.bouton-200, input.bouton-200 {
	text-align:center;
	display:block;
	background-color:#f00;
	color:#fff;
	text-decoration:none;
	font-weight:bold;padding:2px;
	padding-left:5px;
	padding-right:5px;
	border:none;}

.bouton-200:hover,input.bouton-200:hover {background-color:#000;color:#fff;}

input.bouton-200 {width:200px}


/* PROBLEME REUSSITE */
.probleme,.reussite {
	width:370px;
	padding:1px;
	/*padding-left:100px;
	background-position:top left;
	background-repeat:no-repeat;*/
	line-height:18px;
	color:#ff0000;
}

.probleme h2,.reussite h2 {
	font-size:16px;
	font-weight:lighter;
}

.probleme span,.reussite span {
	padding:1px;
	padding-left:4px;
	padding-right:4px;
	background:#7c1215;
	border-right:1px #fff solid;
	color:#FFF;
}