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

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

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

#wrapper {
	margin:0 auto 18px auto;
	position:relative;
	color:#323232;
	width:928px;
}

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;
}

/* ===========================================================
Header ==================================================== */

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

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

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

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

#speedbar {
	background-color:#f5b735;
	height:26px;
	width:100%;
	color:#ffffff;
}

#speedbar a {
	color:#ffffff;
}

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

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

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

#speedbar ul a:hover {
	background-color:#f9ce73;
	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;
}


/* ===========================================================
Content =================================================== */

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

#content #left {
	width:272px;
	float:left;
}

#content #middle {
	margin-left:288px;
	width:333px;
}

#content #middle .tform {
	background:#fafafa url(../media/design/form_bg.png) repeat-x scroll 0 bottom;
	padding-bottom:8px;
	width:331px;
}

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

#content #middle .tform .registerbox {
	border-right:1px solid #f5b837;
	border-left:1px solid #f5b837;
}

#content #middle .tform  .ezRegisterLabel{
	width:100px;
}

#content #middle .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;
}

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

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

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

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

#content #middle .tform p {
	margin:0;
}

#content #right {
	width:278px;
	float:right;
}

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

#right #temoignage {
font-style:italic;

}

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

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

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

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

#content #big_left #quizz {
	background:#fafafa url(../media/design/title_quelle-dragueuse.png) no-repeat scroll 0 top;
	padding-top:40px;
	width:595px;
}

#content #big_left #quizzreponse {
	background:#fafafa url(../media/design/title_reponse-quelle-dragueuse.png) no-repeat scroll 0 top;
	padding-top:40px;
	width:595px;
}

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

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


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

}

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

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

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

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


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

/* ===========================================================
Footer ==================================================== */

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

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

#footer ul .last {
	border:none;
}

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

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

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

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




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

.right {
	float:right;
}

.left {
	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;
}

/**** 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:#f5b735;}

/***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;}