/***************************
*
* STYLE.CSS - Feuille de style du site
*
* Couleur BG Resultats : #dd232a
****************************/

/**
* Reset
***************************/
*{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #505050; text-decoration: none;}
input, select, textarea{font:inherit;}
input[type="checkbox"] {background: #fff; border: 1px solid #5c5792;}
.clear {clear: both;}

/**
* Body, Html, Global, Header
***************************/
body, html { width:100%; height:100%; }
body { color:#333; margin:0px; background:url( '../../img/design/background.gif' ); font-family:Verdana, Arial, Helvetica, sans-serif; }
div#global { width:800px; min-height:570px; margin:0px auto; background:url( '../../img/design/background.png' ) no-repeat; position:relative; }
div#header { width:784px; height:117px; padding:23px 0px 0px 16px; position:relative; }
div#header span#fb_share { display:inline-block; position:absolute; top:115px; left:0px; width:100%; text-align:right; }


/**
* Structure Contenu
***************************/
div#contenu_global { width:800px; height:322px; background:none; position:relative; z-index:999; }
div#contenu_global div#contenu_top { width:800px; height:3px; background:url( '../../img/design/content_top.png' ) no-repeat; }
div#contenu_global div#contenu_top_bg { position:relative; width:779px; height:31px; padding:12px 0px 0px 21px; background:url( '../../img/design/content_top_bg.png' ) repeat-y; }
div#contenu_global div#contenu_top_right { position:absolute; top:4px; right:9px; width:95px; height:31px; float:right; }
div#contenu_global div#contenu_top_right a.newquest { width:95px; height:31px; display:inline-block; cursor:pointer; background:url( '../../img/design/newquest.png' ) no-repeat; }
div#contenu_global div#contenu_top_left { width:670px; float:left; font-size:10px; font-style:italic; color:#595959; }
div#contenu_global div#contenu_top_left p { margin:2px; }
div#contenu_global div#contenu_sep { width:800px; height:2px; background:url( '../../img/design/content_top_sep.gif' ) repeat-x; }
div#contenu_global div#contenu_bottom { width:800px; height:29px; padding-top:4px; text-align:center; background:url( '../../img/design/content_bottom.png' ) no-repeat; }
div#contenu_global div#contenu_bottom input { width:90px; height:25px; background:url( '../../img/design/bouton_shake.png' ) no-repeat; cursor:pointer; z-index:5; }
div#contenu_global div#contenu_bottom input:hover { background-position:bottom left; }

/**
* Mots Cles
***************************/
div#contenu_global div.keyword_global { width:800px; height:50px; background:url( '../../img/design/keyword_bg.png' ) repeat-x; border-bottom:1px solid #FFF; }
div#contenu_global div.keyword_global label { float:left; width:90px; padding-top:19px; text-shadow: 1px 1.2px 0.2px white;  margin-left:140px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#4e4e4e; font-weight:bold;  }
div#contenu_global div.keyword_global div.input { float:left; width:400px; height:30px; margin-top:9px; }
div#contenu_global div.keyword_global div.input_left { float:left; width:3px; height:30px; background:url( '../../img/design/input_left.png' ) no-repeat; }
div#contenu_global div.keyword_global div.input_bg { float:left; width:394px; height:30px; background:url( '../../img/design/input_bg.png' ) repeat-x; }
div#contenu_global div.keyword_global input { width:374px; padding:7px 10px 3px 10px; color:#666666; }
div#contenu_global div.keyword_global div.input_right { float:left; width:3px; height:30px; background:url( '../../img/design/input_right.png' ) no-repeat; }


/**
* Extensions
***************************/
div#contenu_global div#tld_global { wdith:800px; height:74px; padding-top:15px; background:url( '../../img/design/content_bg.png' ) repeat-y; }
div#contenu_global div#tld_global div#tld_contenu { width:520px; height:63px; margin:0px auto; font-family:Helvetica, Arial, sans-serif; }
div#contenu_global div#tld_global div.tld_block { width:88px; height:63px; float:left; background:url( '../../img/design/tld_bg.png' ) no-repeat; }
div#contenu_global div#tld_global div.tld_sep { width:20px; height:63px; float:left; }
div#contenu_global div#tld_global div.tld_title { width:100%; text-align:center; padding-top:8px; margin-bottom:6px; text-shadow: 1px 1.2px 0.2px black; color:white; font-family:Verdana, Arial, sans-serif; font-size:18px; }
div#contenu_global div#tld_global div.tld_toggle { width:71px; height:25px; margin-left:8px; position:relative; }
div#contenu_global div#tld_global div.tld_toggle input { display:none; }
div#contenu_global div#tld_global div.tld_yes { float:left; width:35px; height:25px; background:url( '../../img/design/check_oui.png' ) no-repeat; }
div#contenu_global div#tld_global div.tld_no { float:right; width:36px; height:25px; background:url( '../../img/design/check_non.png' ) no-repeat; }
div#contenu_global div#tld_global div.tld_bouton { position:absolute; top:1px; left:34px; width:38px; height:23px; background:url( '../../img/design/check_bouton.png' ) no-repeat; cursor:pointer; }
div#contenu_global div#tld_global div.tld_bouton:hover { background-position:bottom left; }

/**
* Resultats
***************************/
div#resultats_global { width:780px; background:url( '../../img/design/resultats_bg.png' ) repeat-x #dd232a; position:absolute; top:446px; left:10px; z-index:500; color:white; }
div#resultats_container { width:780px; min-height:300px; height:auto;  position:relative; z-index:999; }
div#resultats_inte { min-height:265px; width:725px; padding:35px 10px 0px 25px;}
div#resultats_bottom { width:780px; height:3px; margin:0px auto; clear:both; background:url( '../../img/design/resultats_bottom.png' ) no-repeat; }
table.domaines { width:213px; margin:0px 15px; }
table.domaines td.resultats_title { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-shadow: 1px 1.2px 0.2px black; padding-left:10px; height:26px; }
table.domaines tr.resultats_domaine { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:26px; }