/* ===========================================================
Elements de Page ========================================== */

* {
	font-family:Verdana, Arial;
	font-size:11px;
	padding:0;
	margin:0;
}

body {
	background:#ffe6e6 url(../media/design/bg.png) repeat-x scroll 0 0;
}

#structure {
	position:relative;
	color:#323232;
	width:928px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
}

a {
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	text-decoration:underline;
}

label {
	cursor:pointer;
}

img {
	border:none;
}

ul, li {
	list-style:none;
}

/* ===========================================================
Formulaire ================================================ */

form .submit, select {
	cursor:pointer;
}

form .submit {
	border:none;
}

/* ===========================================================
Haut ==================================================== */

#haut{
	background:transparent url(../media/design/header.png) no-repeat scroll 0 bottom;
	padding-top:68px;
	height:172px;
}

#haut h1 {
	font-weight:normal;
	float:right;
}

#haut img {
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	position:absolute;
	margin-left:368px;
	top:84px;
}

/* ===========================================================
Speedbar ================================================== */

#speedbar {
	background-color:#ffd9e9;
	height:26px;
	width:100%;
	color:#ff937b;
}

#speedbar a {
	color:#80082e;
}

#speedbar ul li {
	height:100%;
	float:left;
}

#speedbar ul a {
	border-right:1px solid #80082e;
	padding:6px 12px 0 12px;
	font-size:12px;
	height:20px;
	float:left;
}

#speedbar ul .last a {
	border:none;
}

#speedbar ul a:hover {
	background-color:#ffa68f;
	text-decoration:none;
}

#speedbar form {
	margin-top:4px;
	float:right;
}

#speedbar form p {
	margin-right:6px;
	float:left;
}

#speedbar form a {
	margin-top:2px;
	float:left;
}

#speedbar form .text {
	border:1px solid #665c55;
	padding:1px;
	width:103px;
	height:14px;
}

#speedbar form .submit {
	background:transparent url(../media/design/submit.png) no-repeat scroll 0 0;
	padding-bottom:3px;
	font-weight:bold;
	color:#ffffff;
	height:18px;
	width:26px;
}

#speedbar form .submit:hover {
	padding-left:2px;
	padding-top:2px;
}

#speedbar form .more a {
	font-weight:bold;
	font-size:14px;
	margin-top:0;
}

#speedbar form .more a:hover {
	color:#000;
}


/* ===========================================================
contenu =================================================== */

#contenu {
	background:transparent url(../media/design/bg_content.png) repeat-x scroll 0 bottom;
	padding:18px 8px 38px 8px;
	text-align:justify;
	min-height:300px;
}

#contenu #gauche {
	width:272px;
	float:left;
}

#contenu #milieu {
	margin-left:288px;
	width:333px;
}

#contenu #milieu .tform {
	background:#fafafa url(../media/design/form_bg.png) repeat-x scroll 0 bottom;
	padding-bottom:0px;
	width:331px;
	height:428px;
}

#contenu #milieu .tform .first {
	background:#fafafa url(../media/design/form_title.png) no-repeat scroll 0 0;
	height:32px;
}

#contenu #milieu .tform .registerbox {
	border-right:1px solid #80082e;
	border-left:1px solid #80082e;
}

#contenu #milieu .tform  .ezRegisterLabel{
	width:100px;
}

#contenu #milieu .tform .ezBtn {
	background:transparent url(../media/design/submit_valider.png) no-repeat scroll 0 0;
	margin-top:18px;
	cursor:pointer;
	border:none;
	width:106px;
	height:38px;
}

#contenu #milieu .tform .ezBtn:hover {
	background:transparent url(../media/design/submit_valider_hover.png) no-repeat scroll 0 0;
}

#contenu #milieu .tform #cguField_box, #content #milieu .tform #newsletterField_box {
	margin-left:24px;
}

#contenu #milieu .tform .text {
	border:1px solid #6c6c6c;
	padding:3px;
}

#contenu #milieu .tform .text:hover, #content #milieu .tform .text:focus {
	border-color:#bababa;
}

#contenu #milieu .tform p {
	margin:0;
}

#contenu #droite {
	width:278px;
	float:right;
}

#contenu p {
	margin-bottom:28px;
}

#droite #temoignage {
font-style:italic;

}

#contenu p {
	margin-bottom:28px;
}

#contenu #big_left #edito {
	width:595px;
}

#contenu #big_left #leguide {
	background:#fafafa url(../media/design/guide_titre.png) no-repeat scroll 0 top;
	padding-top:40px;
	width:595px;
}

#contenu #big_left #temoignages {
	width:595px;
}

#contenu #big_left #sondage {
	width:595px;
}

#contenu #big_left #partenaire {
	background:#fafafa url(../media/design/titre_partenaires.png) no-repeat scroll 0 top;
	padding-top:40px;
	width:595px;
}

#contenu #big_left #contactcontent {
	background:#fafafa url(../media/design/titre_contact.png) no-repeat scroll 0 top;
	padding-top:40px;
	width:595px;
}


#contenu #big_left #quizz p {
	padding:10px;
	background:#f5f3f3;

}

#contenu #big_left table {
	background:#fafafa url(../media/design/form_bg.png) repeat-x scroll 0 bottom;
	border-right:1px solid #80082e;
	border-left:1px solid #80082e;
}

#contenu #big_left td {
	padding:18px 2% 8px 2%;
	width:46%;
}

#contenu #big_left table .foot {
	background:transparent url(../media/design/edito_bottom.png) no-repeat scroll 0 bottom;
	height:48px;
}

#contenu #big_left  p {
	margin-bottom:18px;
}


.question { 
	font-weight:bold;
	color:#f49004;
}

/* ===========================================================
Bas ==================================================== */

#bas {
	border-top:5px solid #000000;
	padding:8px 18px 0 18px;
	margin-top:1px;
}

#bas ul li {
	border-right:1px solid #b7b7ee;
	padding:0 4px 0 4px;
	float:left;
	color:#333;
}

#bas ul .last {
	border:none;
}

#bas ul li a {
	font-size:9px;
	color:#b7b7ee;
	float:left;
}

#bas ul li a:hover {
	color:#9a9ac5;
}

#bas p {
	text-align:justify;
	margin-top:44px;
	color:#a5a1a1;
	font-size:10px;
}

#bas p a {
	color:#a5a1a1;
	font-size:10px;
}




#bas #partenariat {
	font-weight:normal;
	font-style:italic;
	font-size:10px;
	color:#505050;
	float:right;
	margin:0;
}
/* ===========================================================
Divers ==================================================== */

.droite {
	float:right;
}

.gauche {
	float:left;
}

.inscription {
	background:transparent url(../media/design/submit_inscription.png) no-repeat scroll 0 0;
	width:178px;
	height:49px;
	border:none;
	float:left;
	margin:4px;
}

.inscription:hover {
	background:transparent url(../media/design/submit_inscription_hover.png) no-repeat scroll 0 0;
}

/*guide*/

.rule {margin-left:60px;margin-bottom:10px;margin-right:5px;margin-top:0px;}
.com1 {background:url(../img/1.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:1px;margin-right:10px;margin-bottom:10px;}
.com2 {background:url(../img/2.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:1px;margin-right:10px;margin-bottom:10px;}
.com3 {background:url(../img/3.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:7px;margin-right:10px;margin-bottom:0px;}
.com4 {background:url(../img/4.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:7px;margin-right:10px;margin-bottom:0px;}
.com5 {background:url(../img/5.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:7px;margin-right:10px;margin-bottom:0px;}
.com6 {background:url(../img/6.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:7px;margin-right:10px;margin-bottom:0px;}
.com7 {background:url(../img/7.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:7px;margin-right:10px;margin-bottom:0px;}
.com8 {background:url(../img/8.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:7px;margin-right:10px;margin-bottom:0px;}
.com9 {background:url(../img/9.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:7px;margin-right:10px;margin-bottom:0px;}
.com10 {background:url(../img/10.gif) no-repeat;padding-left:45px;margin:15px;font-weight:bold;height:40px;padding-top:7px;margin-right:10px;margin-bottom:0px;}

/*sondage*/
.topsond {background:#F3E2F6;font-size:18px;width:242px;float:left;color:#92278F;border:0px;text-transform:uppercase;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;font-weight:bold;}
.resultsond {width:242px;background:#92278F;font-weight:bold;float:left;font-size:50px;color:#fff;border:0px;border-right:1px solid #fff;text-align:center;margin-bottom:20px;}
#commentaire {background:#F7F7F7;padding:5px;}
#commentaire label {width:120px;display:block;float:left;}
#reactions {margin:0px;padding:0px;}
#reactions li {margin:10px 0px;list-style-type:none;}


.lienGris {font-family : Verdana, sans-serif; text-decoration : none; font-size : 11px; font-weight : normal; color: #989797}
.lienGris a:link {font-family :Verdana, sans-serif; text-decoration : none; font-size : 11px; font-weight : normal; color: #989797}
.lienGris a:visited {font-family : Verdana, sans-serif; text-decoration : none; font-size : 11px; font-weight : normal; color: #989797}
.lienGris a:hover {font-family :Verdana, sans-serif; text-decoration : none; font-size : 11px; font-weight : normal; color: #F7601E}
/**** contact *****/
#contact {width:400px;margin:auto;}
#contact p {padding:2px;}
#contact input {display:block;width:195px;float:left;margin:5px;border:1px solid #666;}
#contact textarea {display:block;width:195px;float:left;margin:5px;border:1px solid #666;}
#contact label {display:block;width:135px;float:left;margin:5px;}
#contact input.ok {color:#fff;font-weight:bold;border:1px solid #000;/*border-bottom:1px solid #ADD5CC;border-right:1px solid #ADD5CC;*/padding:5px;text-transform:uppercase;background:#80082e;}

/***partenaire page vignette***/
#rub {width:568px;padding-left:1px;font-size:10px;}
#rub a {color:#F7601E;font-weight:bold;font-size:10px;}
#rub a:hover {color:#000000;}
#rub ul, #rub li {list-style:none;margin:0px;padding:0px;}
#rub ul {padding-top:10px;padding-bottom:10px;}
#rub li {float:left;width:270px;margin:2px;margin-left:5px;margin-right:0px;}
#rub img {float:left;margin:3px;margin-right:5px;border:0px;}
#rub strong {font-size:11px;color:#F7601E;text-decoration:underline;}
#rub a:hover strong {color:#000000;}