@font-face {font-family:"OpenSans-CondLight";
 src: url('/fonts/opensans-condlight.eot');
 src: url('/fonts/opensans-condlight.eot?#iefix') format('embedded-opentype'),
	  url('/fonts/opensans-condlight.woff') format('woff'),
	  url('/fonts/opensans-condlight.ttf') format('truetype'),
	  url('/fonts/opensans-condlight.svg#opensans-condlight') format('svg');
	font-weight:normal;
	font-style:normal;
	}


@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('/fonts/OpenSans-LightItalic-webfont.eot');
    src: url('/fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-LightItalic-webfont.svg#OpenSans-LightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



html { overflow-y: scroll; }
body { font-family: "OpenSans-CondLight", sans-serif;  }
.wrapper { width: 960px; margin: 0 auto;}
.clear {clear: both; }
.left { float:left;}
.right { float:right;}
.center { margin:0 auto;}
a {text-decoration:none;}
.vert   { color: #b9cf7c;}
.l480 { width:480px;}
.ml10 { margin-left:10px;}


div.header div.wrapper h1 { width: 440px; float: left; height: 125px; font-size: 40px; color: #00ace0; }
div.header div.wrapper h1 img { vertical-align: top; float: left; margin-right: 40px;}
div.header div.wrapper h1 span { margin-top: 20px; display: block; font-family: "OpenSans-LightItalic", sans-serif;line-height:35px; }
div.header div.wrapper h1 strong { font-size: 23px; color: #755f5f;  }

ul.menu { margin-left: 280px; position: absolute; top: 118px; width: 805px;}
ul.menu li{ float: left; margin-left: 20px; opacity: 0.7; list-style-type:none;}
ul.menu li a { font-size: 20px; color: #fff; text-decoration: none; padding:5px; box-shadow: 0 0 10px #a49791;  background-color: #a29292;}
ul.menu li a:hover { color: #755f5f;}

ul.menuadmin { margin-left: 50px; position: absolute; top: 118px; width: 1000px;}
ul.menuadmin li{ float: left; margin-left: 20px; opacity: 0.7; list-style-type:none;}
ul.menuadmin li a { font-size: 20px; color: #fff; text-decoration: none; padding:5px; box-shadow: 0 0 10px #a49791;  background-color: #a29292;}
ul.menuadmin li a:hover { color: #755f5f;}

div.header { background: url(/images/bck_header.jpg) repeat-x; height: 156px;}
div.content { background: url(/images/bloc_couleurs.png) no-repeat right;}
div.content div.wrapper { background: url(/images/bck_content.png) repeat-x bottom; min-height: 435px; border-radius: 10px;}
div.content div.wrapper h2 { text-align: center; color: #755f5f; font-size: 40px;}
div.content div.wrapper p, div.content div.wrapper ul { font-size: 16px; color: #000; }
div.content div.wrapper strong {font-weight:bold;}
div.content div.wrapper p { padding:5px 20px; text-align:justify;}
div.content div.wrapper p.center { text-align:center;}
div.content div.wrapper.admin p.center { text-align:center;}
div.content div.wrapper ul { margin:20px 0px 20px 40px;}
div.content div.wrapper a.lien { color:#000; text-decoration:underline; font-weight:bold;}


.table-choice { border:1px solid #755F61; margin:10px 20px !important;}
.table-choice h3 { color:#fff;}
.table-choice li, .table-choice tr  { border-top:1px solid #755F61; text-align:center; height:40px;  font-size:18px; padding-top:15px;}
table.table-choice { width:920px; margin:0 auto;}
.table-choice td { padding:5px;}
.table-choice td.border { border-left: 1px solid #755F61; border-right:1px solid #755F61;}
.table-choice .title { border-top:none; background-color:#755F61;}
.table-choice li a { color:#755F61;}
.table-choice li a:hover { text-decoration:underline;}

form.connexion { width:345px; margin:0 auto; padding-top:20px;}
form.connexion div { padding:10px;}
form.connexion label { width:80px;}
form.connexion input { width:200px; float:right;}
form.connexion input[type="image"] { width:48px; height:48px;}


form.creation div.l480 div.ligne { padding-top:5px; clear:both; width:400px;}

form.creation label { margin-left:20px;}
form.creation input { float:right; width:200px;}
form.creation input[type="submit"] { float:left; width:100px; margin-left:20px;}
form.creation input#code { width:65px; float:left; margin-left:10px;}
form.creation h3 { text-transform:uppercase; padding-left:20px; padding-bottom:20px;}

div.menu_footer { background: transparent url(/images/blocs_couleurs_2.png) no-repeat;}
div.menu_footer div.container { background: transparent url(/images/bloc_bleue.png) no-repeat right; min-height:80px;}
div.menu_footer div.wrapper ul { height: 80px; margin-left: 70px; margin-top: 15px;}
div.menu_footer div.wrapper ul li { display:inline-block; border: 1px black; width: 220px; height: 60px; margin-right: 70px; text-align: center; padding-top: 20px; background-image: -webkit-linear-gradient(bottom, #806969 0%, #a19090 100%); background-image:    -moz-linear-gradient(bottom, #806969 0%, #a19090 100%); background-image:     -ms-linear-gradient(bottom, #806969 0%, #a19090100%); background-image: -o-linear-gradient(bottom, #806969 0%, #a19090 100%); background-image:linear-gradient(bottom, #806969 0%, #a19090 100%); border-top:1px solid #755F5F; border-left:1px solid #755F5F; border-bottom:1px solid #755F5F;}

div.menu_footer div.wrapper ul li strong {font-size: 18px;}
div.menu_footer div.wrapper ul li:hover strong { color: #fff;}
div.menu_footer div.wrapper ul li.vert strong  { color: #b9cf7c;}
div.menu_footer div.wrapper ul li.rose strong { color : #d52783;}
div.menu_footer div.wrapper ul li.jaune strong { color: #eebc00;}
div.menu_footer div.wrapper ul li.vert:hover span { color: #b9cf7c; }
div.menu_footer div.wrapper ul li.rose:hover span { color: #d52783; }
div.menu_footer div.wrapper ul li.jaune:hover span { color: #eebc00; }
div.menu_footer div.wrapper ul li a { text-decoration: none; color: #fff; font-size: 12px; }

div.footer { background-color: #755f5f;  font-size: 12px;  height: 15px; padding-bottom: 3px;   text-align: right; color:#fff;}
div.footer div.wrapper a { text-decoration: none; color: #fff; }
p.partenaires {text-align:center; margin-top:50px;}
p.partenaires img { vertical-align:middle;}
/* questionnaire */
div.progress { margin:0 0 20px 0; height:20px; background:#fff; border:1px solid #b1b2ab; overflow:hidden; }
div.progress div { width:0px; height:20px; background:#b1b2ab; border:0; float:left; line-height:20px; font-size:16px; color:#000; text-align:right; }

table.questions1 { width:100%; font-size:14px; }
table.questions1 td { vertical-align:middle; }
table.questions1 td.txt { width:50%; padding:20px 5px; }
table.questions1 td.inp { padding:3px 0 5px 8px; }
table.questions1 td.marge { padding:5px; font-size:11px; }
table.questions1 td.txt label { display:block; }

table.questions2 { width:100%; font-size:14px; }
table.questions2 th { padding:0 5px 10px 5px; text-align:center; vertical-align:middle; font-weight:normal; color:#000; border-bottom:1px solid #b1b2ab; }
table.questions2 th.inp div { width:100px; }
table.questions2 td { vertical-align:middle; }
table.questions2 td.txt { padding:20px 5px; }
table.questions2 td.inp { padding:3px 0 5px 42px; }
table.questions2 td.txt label { display:block; }

input.envoi { border:0; background:#58403a; color:#fff; font-size:16px; font-family:Verdana; padding:5px 10px; }

/* Debut resultat de profil */
div.content div.wrapper h3 { font-size:22px;}
div.content div.wrapper h4 { font-size:20px; }
div.content div.wrapper h3 strong, div.content div.wrapper h4 strong {font-weight:bold;}
ul.legend { float:left; margin:0; padding:0 0 0 10px; list-style:square inside; font-size:20px; line-height:18px; background-color:#a29292; }
ul.legend li { margin:0; padding:10px; line-height:16px; }
ul.legend li span { font-size:16px; color:#5c473f; }

div.graph { float:right; position:relative; margin:20px; width:292px; height:129px; background:url(/images/graph.png) top center no-repeat; }
div.graph div { position:absolute; bottom:19px; border-width:1px 1px 0; border-style:solid; text-align:center; }
div.gr1 div { width:50px; }
div.gr2 div { width:50px; }
div.gr3 div { width:15px; }
div.gr4 div { width:100px; }
div.graph div div { display:none; background:none; top:-14px; font-size:11px; color:#000; }


div.content div.wrapper ul.legend li.theo span { color:#45ed23 !important;}
div.content div.wrapper ul.legend li.prat span { color:red !important;}
div.content div.wrapper ul.legend li.inte span { color:#18e4f7 !important;}
div.content div.wrapper ul.legend li.conc span { color:yellow !important;}
div.content div.wrapper ul.legend li.intu span { color:#62ded3 !important;}
div.content div.wrapper ul.legend li.logi span { color:#b76d5f !important;}
div.content div.wrapper ul.legend li.refl span { color:#00ff00 !important;}
div.content div.wrapper ul.legend li.acti span { color:#7e94ac !important;}

div.titre {font-weight:bold;  border-bottom:1px solid #000; font-size:18px;}

div.theo { left:31px;background:#45ed23; }
div.prat { left:91px;background:red; }	
div.inte { left:151px;	background:#18e4f7; }
div.conc { left:211px;	background:yellow; }
div.intu { left:31px;background:#62ded3; }
div.logi { left:91px;background:#b76d5f; }
div.refl { left:151px;background:#00ff00; }
div.acti { left:211px;background:#7e94ac; }


div.norm { margin-bottom:1px; left:24px;	background:#cc0000; border-color:#880000; }	
div.content div.wrapper ul.legend li.norm span { color:#cc0000;}
div.content div.wrapper ul.legend li.prot span { color:#55aadd;}
div.content div.wrapper ul.legend li.demo span { color:#55aadd;}
div.content div.wrapper ul.legend li.conf span { color:#cc0000;}
div.content div.wrapper ul.legend li.defe span { color:#dddd00;}
div.content div.wrapper ul.legend li.imag span { color:#dddd00;}
div.content div.wrapper ul.legend li.refe span { color:#00cc33;}
div.content div.wrapper ul.legend li.acqu span { color:#7f0000; }
div.content div.wrapper ul.legend li.ress span { color:#f7a960; } 

div.prot { margin-bottom:1px; left:58px;	background:#55aadd; border-color:#116699; }	
div.demo { margin-bottom:1px; left:102px;background:#55aadd; border-color:#116699; } 
div.conf { margin-bottom:1px; left:139px;background:#cc0000; border-color:#880000; }	
div.defe { margin-bottom:1px; left:175px;background:#dddd00; border-color:#999900; }
div.imag { margin-bottom:1px; left:212px;background:#dddd00; border-color:#999900; }	
div.refe { margin-bottom:1px; left:252px;background:#00cc33; border-color:#008800; }	
div.acqu { left:41px;	background:#7f0000; }	
div.ress { left:151px;	background:#f7a960; }	
/* Fin resultat de profil */

div#accordion h3 {font-size:16px;}
div#accordion p {font-size:14px;}