@import url("reset.css");

/***************************
	GENERAL			
****************************/
/*	Typographies
---------------------------*/
body {font:75%/200% Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; margin-bottom:0.5em;}
h1 {font-size:2.4em;}
h2 {font-size:2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
p, ol, ul {margin-bottom:1em; line-height:1.5em;}
sup { vertical-align:text-top;}
blockquote,q {quotes:""" """; padding:0.4em; margin-left:1em;}
dt {font-weight:bold;}
dd {padding-left:0.8em;}

/*	Fonds, couleurs et bordures
---------------------------*/
body {color:#310; background:#fff url("../images/body-fd.jpg") top repeat-x;}
h1, h2, h3, h4 {color:#F60;}
p {color:#310;}
ol, ul {color:#310;}
a:link, a:active, a:visited {color:#9B1;}
a:hover {color:#F95;}

form {margin:0; padding:0; }	
form label {width:200px; display:block; float:left; line-height:1.8em; }
form label.radio {width:auto; display:inline; float:none; line-height:normal; }
form input {width:180px; }
form p {margin:2px; padding:0; clear:none;}


/***************************
	STYLES			
****************************/
div.page {margin:0 auto; width:910px; height:auto; }
/*	DIV	*/
div#header {width:100%; height:180px; overflow:hidden;}
	div#logo {float:left; width:237px; height:180px; background:url("../images/logo-dweho.jpg") no-repeat;}
	div#slogan {float:left; width:452px; height:180px; background:url("../images/bandeau-fd.jpg") no-repeat;}
	div#newsletter {float:left; padding-top:60px; width:220px; height:50px; text-align:center; background:url("../images/newsletter-fd.jpg") top no-repeat;}
	div#compte {float:left; padding-top:60px; width:220px; height:50px; text-align:center; background:url("../images/compte-fd.jpg") top no-repeat;}
	div#compte span a {width:220px; height:50px; position:absolute;margin:-40px 0 0 -110px;padding-top:0;font-size:1px;text-indent:-6000px;line-height:1px;}
	div#actions {margin:0; padding:0; width:100%; height:180px; text-align:left;}
div#contenu {padding-bottom:10px; width:100%; height:auto; overflow:auto; background:#fff;}
	div#blocs {float:left; width:220px;}
	div#principal {float:left; margin-left:20px; width:660px;}
div#footer {width:100%; height:120px; margin-top:10px; overflow:hidden; background:#310 url("../images/footer-fd.jpg") repeat-x;}
	div#copy {float:left; padding-top:25px; width:220px; height:25px; background:url("../images/copy-fd.jpg") no-repeat;}
	div#infos {float:left; margin-left:10px; padding-top:25px; width:680px; text-align:right;}

div#menu {position:absolute; top:140px; left:50%; margin-left:-455px; width:220px; height:210px; background:url("../images/menu-fd.jpg") no-repeat;}

div#m-propre {width:190px; height:84px; background:url("../images/1.jpg") no-repeat; border:0; margin:12px auto 0 auto;}
ul#topmenu {position:absolute; top:7px; right:50%; margin-right:-240px; width:450px; height:auto; text-align:right;}

/* SERVICES */

#photobox {float:left; width:120px; height:120px; overflow:hidden;}
	#infobulle {float:left; padding:10px 5px 10px 15px; width:130px; text-align:justify; font:1.1em Georgia, "Times New Roman", Times, serif; background:#FFF url("../images/infobulle-fd.gif") top left no-repeat;}
	#certif img {margin:10px;}
	p.proposer {clear:both; padding-top:7px; text-align:center; line-height:30px;}
	p.proposer a {display:block; margin:0 0 0 10px; width:190px; height:30px; text-decoration:none; font:bold .9em/30px Tahoma, Verdana, Arial, Helvetica, sans-serif; background:url("../images/proposer-fd.jpg") top no-repeat; color:#FFF;}
	p.proposer a:hover {background-position:bottom;}

/*	CLASS	*/
div.page-contenu {margin:0 auto; padding-left:250px; width:690px;}

.tag-cloud {width:690px; margin:20px auto 0 auto; padding:0; background:#262019; float:left; color:#fcfcfc;}
.top-tag-cloud {width:690px; height:10px; background:url("../images/top-tag-cloud.gif") no-repeat;}
.bottom-tag-cloud {width:690px; height:16px; background:url("../images/bottom-tag-cloud.gif") no-repeat;}

/*	HEADER
---------------------------*/
#logo h1 span {display:none;}
#logo h1 a {display:block; width:259px; height:137px;}
#slogan h2 {display:none;}

#newsletter form input {border:0; width:150px; height:20px; padding:0;}
#newsletter form input.submit {border:0; width:auto; height:20px; background:#9B1; cursor:pointer;}

#actions ul {margin:0; padding:0; margin-left:230px;}
#actions ul li {display:inline;}
#actions ul li a {float:left; display:block; width:340px; height:180px;}
#actions ul li a#souscrire {background:url("../images/action-souscrire.jpg") top no-repeat;}
#actions ul li a#souscrire:hover {background-position:bottom;}
#actions ul li a#etude {background:url("../images/action-etude.jpg") top no-repeat;}
#actions ul li a#etude:hover {background-position:bottom;}
#actions ul li a span{display:none;}

/*	CONTENU
---------------------------*/
#contenu ul {margin-bottom:0;}
#contenu ul li {list-style:disc; margin-left:15px;}
#contenu ul ul{margin-left:15px;}
#contenu ul.simplelist {margin:0; padding:0;}
#contenu ul.simplelist li {list-style:none; padding:0; margin:0; margin-bottom:5px; list-style-position:outside;}
#contenu ul.simplelist li.important {font-size:1.2em; color:#F60; font-weight:bold;}
/*	blocs	*/
#blocs img {margin:10px 0;}
#bloc-recrute {}
	#bloc-recrute h2 {margin:0; padding:0;}
	#bloc-recrute h2 a {display:block; width:220px; height:60px; background:url("../images/dweho-recrute.jpg") top no-repeat;}
	#bloc-recrute h2 a:hover {background-position:bottom;}
	#bloc-recrute h2 span {position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);}
#bloc-tags {clear:both; float:left; margin-top:10px; width:220px; height:170px; background:#262019 url("../images/bloc-fd.jpg"); overflow:auto;}
/*#bloc-tags {clear:both; float:left; margin-top:10px; width:214px; height:auto; border:3px solid #F60; background:#262019; overflow:auto;}*/
	#bloc-tags h2 {margin:5px 8px; color:#BA9; font:1.3em Georgia, sans-serif; font-weight:bold; border-bottom:1px dotted #BA9; padding-bottom:3px;}
	#bloc-tags ul {margin:0; padding:8px; width:auto; list-style:none; line-height:1.2em; }
	#bloc-tags ul li {display:inline; margin:0; padding:0; }
	#bloc-tags ul li a {margin-right:8px; text-decoration:none; color:#F60;}
	#bloc-tags ul li a:hover {color:#AC0;}
	#bloc-tags ul li a.tag1 {font-size:1.6em;}
	#bloc-tags ul li a.tag2 {font-size:1.3em;}
	#bloc-tags ul li a.tag3 {font-size:1em;}
	#bloc-tags .text {margin:3px}
#bloc-video {clear:both; float:left; margin-top:10px; width:214px; height:131px; border:3px solid #262019;}
/*	principal	*/
div.trois-colonnes {float:left; margin-right:15px; margin-bottom:10px; padding:10px; width:190px; background:#fff0e5;}
	div.trois-colonnes h2 {padding-bottom:5px; border-bottom:1px #FFF solid;}
	div.derniere {margin-right:0;}
div.deux-colonnes {float:left; width:335px;}
div.une-colonne {float:left; width:680px;}
/*	tableau comparatif	*/
table#compare {width:660px; height:80px; font:bold 18px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:center; overflow:hidden;}
table#compare th {color:#310; height:30px;}
table#compare td { padding:0; margin:0; background:url(../images/compare-td_fd.jpg) center center repeat-x; height:50px; width:100px; line-height:50px; border-right:2px solid #fff;}
table#compare td.dweho {background:url(../images/compare-dweho_fd.jpg) right no-repeat; border:none; overflow:hidden;}
table#compare td.titre {background:url(../images/compare-titre_fd.jpg) left no-repeat; width:260px;}

/*	NAVIGATION
---------------------------*/
#menu ul {margin:15px 0 0 20px;}
#menu ul li {}
#menu ul li a {display:block; width:180px; height:45px;}
#menu ul li a#services {background:url("../images/menu-services.jpg") top no-repeat;}
#menu ul li a#services:hover {background-position:bottom;}
#menu ul li a#avantages {background:url("../images/menu-avantages.jpg") top no-repeat;}
#menu ul li a#avantages:hover {background-position:bottom;}
#menu ul li a#simplicite {background:url("../images/menu-simplicite.jpg") top no-repeat;}
#menu ul li a#simplicite:hover {background-position:bottom;}
#menu ul li a#tarifs {background:url("../images/menu-tarifs.jpg") top no-repeat;}
#menu ul li a#tarifs:hover {background-position:bottom;}
#menu ul li a span{display:none;}

/*	NAVIGATION 2
---------------------------*/
ul#topmenu li {display:inline;}
ul#topmenu li a {padding:4px 8px; border-left:1px solid #9B1; text-decoration:none;}
ul#topmenu li a:hover {background:#9B1; color:#310;}

/*	FOOTER
---------------------------*/
#copy p {color:#F60; text-align:center;}
#infos ul {color:#F60; font-size:.9em;}
#infos ul li {display:inline; padding:0 8px; border-right:1px solid #F60; }
#infos ul li a {text-decoration:none; color:#F60;}
#infos ul li a:hover {background:#F60; color:#FFF;}

/*	FORMULAIRES
---------------------------*/
#contenu form table {width:680px; margin-bottom:10px;}
#contenu form table td {padding:2px; border:1px solid #DDD; vertical-align:top;}
#contenu form table th {text-align:left; font-size:1.2em;}

form#formetude label {clear:both; width:120px; margin-right:10px; font-size:1.2em; line-height:20px; font-weight:bold; color:#F60;}
form#formetude input, form#formetude textarea {border:1px solid #BA9; width:260px; margin-bottom:5px;}
form#formetude input.submit {margin-left:220px; padding:5px; width:auto; border:none; color:#310; border:3px #310 solid; background:#AC0; font-size:1.2em; font-weight:bold; cursor:pointer;}

/*	Classes utiles	*/

.justify {text-align:justify;}
.center {text-align:center;}
.right {text-align:right;}
.uppercase {text-transform:uppercase;}
.hidden {display:none;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.clear {clear:both;}
.border {padding:5px; border:1px solid;}

/*	TAGS	*/
.fontS {font-size:small;}
p.fontS a {text-decoration:none;}
.fontXL {font-size:x-large;}
.fontM {font-size:medium;}
.fontL {font-size:large;}
.fontXXL {font-size:xx-large;}

/* JOEL - KAPPEA */

/*hr { border:0px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height:1px; clear:both; margin:0; } */
hr.spacer {visibility:hidden; clear:both;  height:1px; clear:both; margin:0;}

.hidden {display:none; }
.error {color:red; display:none; }
/*img {border:0px solid #CCCCCC; } */
sup {font-size:0.7em; }
.relative {position:relative; }

#jqm {width:600px;}

#login .new_user {float:right; width:120px; }
#login .new_user h2 {margin:0 0 5px 0; }