/*-------------------------------------------------------------------------------------------
								NORMALISATION
----------------------------------------------------------------------------------------------*/

@import url('reset.css');

/*-------------------------------------------------------------------------------------------
								FONT
----------------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('typo/ColabThi-webfont.eot');
	src: local('?'), url('typo/ColabThi-webfont.woff') format('woff'), url('typo/ColabThi-webfont.ttf') format('truetype'), url('typo/ColabThi-webfont.svg#webfontLJZvS2YZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('typo/ColabLig-webfont.eot');
	src: local('?'), url('typo/ColabLig-webfont.woff') format('woff'), url('typo/ColabLig-webfont.ttf') format('truetype'), url('typo/ColabLig-webfont.svg#webfontx1k3vcoK') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('typo/ColabReg-webfont.eot');
	src: local('?'), url('typo/ColabReg-webfont.woff') format('woff'), url('typo/ColabReg-webfont.ttf') format('truetype'), url('typo/ColabReg-webfont.svg#webfontvq6HkFnC') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('typo/ColabMed-webfont.eot');
	src: local('?'), url('typo/ColabMed-webfont.woff') format('woff'), url('typo/ColabMed-webfont.ttf') format('truetype'), url('typo/ColabMed-webfont.svg#webfontNBIYnePC') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-BoldRegular';
	src: url('typo/ColabBol-webfont.eot');
	src: local('?'), url('typo/ColabBol-webfont.woff') format('woff'), url('typo/ColabBol-webfont.ttf') format('truetype'), url('typo/ColabBol-webfont.svg#webfontIddJCANM') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-------------------------------------------------------------------------------------------
								STYLES GENERAUX
----------------------------------------------------------------------------------------------*/

body 
{
font-family: ColaborateLightRegular, Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-size: 16px;
background: #f5f5f5 url(../images/fond.png) repeat-x top left;
}

#loading
{
display: none;
}

#conteneur-header-page
{
background: url(../images/fond_halo.png) no-repeat top center;
}

/*-------------------------------------------------------------------------------------------
								HEADER
----------------------------------------------------------------------------------------------*/

#header
{
overflow: hidden;
height: 100%;
position: relative;
width: 980px;
margin: 0 auto;
}

#header h1
{
margin: 11px 0 0 0;
float: left;
}

#header ul
{
position: absolute;
top: 90px;
right: 10px;
}

#header ul li
{
float: left;
margin-left: 20px;
list-style-type: none;
}

#header ul li a
{
text-transform: uppercase;
text-decoration: none;
outline: none; /* links border with FF */
display: block;
text-indent: -9000px;
}

#header ul li.apropos a
{
width: 70px;
height: 23px;
background-image: url(../images/menu.png);
background-position: 0 -23px;
}

#header ul li.apropos a:hover,
#header ul li.apropos a.active
{
background-position: 0 0;
}

#header ul li.faq a
{
width: 27px;
height: 23px;
background-image: url(../images/menu.png);
background-position: -90px -23px;
}

#header ul li.faq a:hover,
#header ul li.faq a.active
{
background-position: -90px 0;
}

#header ul li.contact a
{
width: 63px;
height: 23px;
background-image: url(../images/menu.png);
background-position: -136px -23px;
}

#header ul li.contact a:hover
{
background-position: -136px 0;
}

#header ul li.agence a
{
width: 64px;
height: 23px;
background-image: url(../images/menu.png);
background-position: -218px -23px;
}

#header ul li.agence a:hover,
#header ul li.agence a.active
{
background-position: -218px 0;
}

#header ul li a.agence
{
color: #9b9a9a;
}

#header ul li a.active
{
color: #282828;
}

/*-------------------------------------------------------------------------------------------
								PAGE
----------------------------------------------------------------------------------------------*/

#page
{
overflow: hidden;
height: 100%;
width: 980px;
margin: 0 auto;
}

/*-------------------------------------------------------------------------------------------
								BLOC GAUCHE
----------------------------------------------------------------------------------------------*/

#page div#bloc_gauche
{
width: 350px;
float: left;
margin-top: 20px;
padding-top: 25px;
}

#page div#bloc_gauche p
{
width: 320px;
color: #8f8f8f;
font-size: 16px;
font-family: Georgia, Arial, sans-serif;
text-shadow: 1px 1px 0 #FFFFFF;
}

#page div#bloc_gauche p:first-letter
{
text-transform: lowercase;
}

#page div#bloc_gauche p em
{
font-style: normal;
background: #e1e1e1;
color: #696969;
padding: 0 2px;
}

#page div#bloc_gauche p#autider
{
color: #555555;
font-size: 42px;
font-family: 'Colaborate-ThinRegular', Arial, sans-serif;
margin-bottom: 40px;
text-shadow: none;
}

#page div#bloc_gauche p#autider strong
{
color: #282828;
font-weight: normal;
font-family: ColaborateLightRegular, Arial, sans-serif;
}

div#bloc_gauche ul
{
margin-top: 70px;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #ffffff;
width: 306px;
position: static;
}

div#bloc_gauche > ul
{
margin-top: 48px;
}

div#bloc_gauche ul.menu_fixe
{
position: fixed;
top: 20px;
margin-top: 0px;
width: 306px;
}

div#bloc_gauche ul li
{
text-shadow: 1px 0px 0 #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cfcfcf;
background: url(../images/puce-fleche.png) 290px 10px no-repeat;
}

div#bloc_gauche ul li a
{
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 18px;
color: #6b6b6b;
text-decoration: none;
text-shadow: 0px 1px 0 #ffffff;
display: block;
width: 297px;
padding: 5px 0 5px 9px;
}

/*-------------------------------------------------------------------------------------------
								CONTENT
----------------------------------------------------------------------------------------------*/

#content
{
margin: 20px 0 34px 351px;
padding: 72px 0 30px 30px;
background: url(../images/bordures.png) top left repeat-y;
line-height: 120%;

position: relative;
left: -3px;
}

#page > #content
{
position: static;
}

#content form
{
position: relative;
}

#content form #conteneur_input
{
background: url(../images/fond_input_grader.png) no-repeat top left;
width: 400px;
height: 37px;
float: left;
display: inline;
}

#content form > #conteneur_input
{
width: 443px;
}

#content form img
{
position: absolute;
top: 12px;
right: 125px;
}

#content #form-grader .input
{
width: 340px;
margin: 10px 0 0 30px;
background: transparent;
border: 0;
font-family: Georgia, Arial, sans-serif;
font-size: 16px;
display: inline;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

#content #form-grader .button
{
background: #393E3F url(../images/bouton_analyser.png) no-repeat top left;
width: 153px;
height: 37px;
border: none;
cursor: pointer;
color: transparent;

position: relative;
left: -5px;
}

#content #form-grader > .button
{
position: static;
}

#content.conteneur_resultat #form-grader .button
{
background: #393E3F url(../images/bouton_rapport_genere.png) no-repeat top left;
}

#content div#description_nouveautes
{
width: 485px;
margin: 67px 0 0 40px;
padding: 20px 15px;
background: #fcfcfc;
color: #8f8f8f;
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#content div#description_nouveautes strong
{
color: #ff9900;
}

#content ul
{
margin-top: 5px;
}

/*-------------------------------------------------------------------------------------------
								ERROR
----------------------------------------------------------------------------------------------*/

#error
{
color: #666666;
text-align: center;
}

#error a
{
color: #666666;
}

#error a:hover
{
text-decoration: none;
}

/*-------------------------------------------------------------------------------------------
								RESULTAT
----------------------------------------------------------------------------------------------*/

#resultat
{
margin-top: 34px;
}

#resultat div#conteneur_note
{
overflow: hidden;
height: 100%;
padding-bottom: 17px;
position: relative;
}

#resultat p#note,
#resultat p#note_rezo
{
background: url(../images/fond_resultat.png) no-repeat top left;
width: 121px;
height: 80px;
padding: 50px 0 0 25px;
float: left;
font-family: Georgia, Arial, sans-serif;
font-size: 58px;
}

#resultat p#note_rezo
{
height: 95px;
padding-top: 35px;
}

/* IE7 */
*+html #resultat p#note,
*+html #resultat p#note_rezo
{
height: 130px;
line-height: 100px;
padding-top: 0;
}

#resultat p#moyenne
{
position: absolute;
top: 135px;
left: 23px;
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
color: #6B6B6B;
text-align: center;
}

#resultat div#conteneur_description_note
{
margin: 10px 0 0 142px;
padding: 25px 0 0 42px;
background: url(../images/appostrophe_debut.png) 5px 0 no-repeat;
}

#resultat p#description_note
{
padding: 0 25px 25px 0;
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
font-style: italic;
color: #6b6b6b;
width: 380px;
background: url(../images/appostrophe_fin.png) bottom right no-repeat;
}

#resultat div#amelirer_resultat
{
background: #eeeeee;
border: 4px solid #e4e4e4;
padding: 18px 10px;
width: 288px;
}

#resultat div#amelirer_resultat h2,
#resultat div#amelirer_resultat h2 a,
#resultat div#afficher_score h2
{
font-family: 'Colaborate-ThinRegular', Arial, sans-serif;
font-size: 32px;
color: #868686;
text-shadow: 0px 1px 0 #ffffff;
font-weight: normal;
margin-bottom: 30px;
text-decoration: none;
}

#resultat div#amelirer_resultat h2:first-letter,
#resultat div#afficher_score h2:first-letter
{
text-transform: lowercase;
}

#resultat div#amelirer_resultat h2 em
{
font-family: ColaborateLightRegular, Arial, sans-serif;
color: #f99800;
font-style: normal;
}

#resultat div#amelirer_resultat p
{
font-family: Georgia, Arial, sans-serif;
font-size: 13px;
color: #606060;
margin-bottom: 16px;
}

#resultat div#amelirer_resultat p em
{
background: #e1e1e1;
padding: 3px;
font-style: normal;
}

#resultat div#amelirer_resultat p a
{
color: #606060;
text-decoration: none;
}

#resultat div#amelirer_resultat p a:hover
{
text-decoration: underline;
}

#resultat div#afficher_score
{
margin-top: 4px;
float: right;
width: 250px;
background: #eeeeee;
padding: 18px 10px;
}

#resultat div#afficher_score p
{
color: #282828;
font-size: 13px;
font-family: Georgia, Arial, sans-serif;
}

#resultat div#afficher_score p#configurer_widget
{
margin-bottom: 23px;
}

#resultat div#afficher_score p#configurer_widget a
{
font-weight: bold;
text-decoration: none;
color: #282828;
}

#resultat div#afficher_score p#configurer_widget a:hover
{
text-decoration: underline;
}

#resultat div#afficher_score p#pdf
{
margin-top: 15px;
}

#resultat div#afficher_score p#pdf a
{
color: #000000;
text-decoration:none;
}

#resultat div#afficher_score p#pdf a:hover
{
text-decoration:underline;
}

#resultat div#afficher_score p img
{
margin-left: 4px;
position: relative;
top: 4px;
}

#resultat div#afficher_score p#pdf img
{
position: relative;
top: 8px;
}

/*-------------------------------------------------------------------------------------------
								BILAN
----------------------------------------------------------------------------------------------*/

#resultat ul li
{
margin-top: 40px;
position: relative;
}

#resultat ul li a
{
color: #666666;
text-decoration: underline;
}

#resultat ul li a:hover
{
text-decoration: none;
}

#resultat ul#nouveautes li
{
margin-top: 0;
position: relative;
}

#resultat ul li ul
{
margin: 0 10px;
border-bottom: 1px solid #ffffff;
}

#resultat ul li ul li
{
margin: 0;
padding: 10px 0;
position: relative;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cfcfcf;
padding-left: 40px;
}
#resultat ul li ul li.title {
padding-left: 0px;
}

#resultat ul h2
{
background: url(../images/fond_titre_resultat.png) top left repeat-x;
height: 26px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #eeeeee;
padding: 10px 0 0 10px;
font-weight: normal;
font-family: ColaborateLightRegular, Arial, sans-serif;
font-size: 18px;
}

#resultat ul h3
{
color: #636363;
font-weight: normal;
font-family: Georgia, Arial, sans-serif;
font-size: 18px;
}

#resultat ul h4
{
color: #282828;
font-weight: bold;
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
}

#resultat ul p
{
color: #6b6b6b;
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
padding: 0;
}

#resultat ul p.affichage
{
background: #fcfcfc;
padding: 5px;
margin: 5px 0;
color: 8e8e8e;
width: 520px;
}

#resultat ul p.code
{
font-style: italic;
}

#resultat ul p em
{
font-style: normal;
font-weight: bold;
}

#resultat ul img.bouton_action_volet
{
position: absolute;
top: 5px;
right: 5px;
}

#resultat ul img.loader_analyse
{
position: relative;
top: 3px;
margin-right: 5px;
}

#resultat ul img.notification
{
position: absolute;
top: 14px;
left: 5px;
}

#resultat ul img.informations
{
margin-left: 5px;
position: relative;
top: 5px;
}

#resultat ul table
{
margin-top: 5px;
border-collapse: separate;
border-spacing: 3px;
color: #6b6b6b;
font-size: 12px;
font-family: Georgia, Arial, sans-serif;
width: 545px;
overflow: hidden;
}

#resultat ul table.new_table
{
margin: 0;
}

#resultat ul table th,
#resultat ul table td
{
padding: 0 10px;
border-bottom: 1px solid #ffffff;
vertical-align: top;
}

#resultat ul table td
{
font-style: italic;
}

#resultat ul table td.colonne_2
{
text-align: center;
}

#resultat ul table td em
{
font-weight: bold;
}

#resultat ul table td a
{
color: #6b6b6b;
text-decoration: none;
}

#resultat ul table td a:hover
{
text-decoration: underline;
}

#resultat ul table th
{
background: #ffffff;
}

#resultat ul table th.une_colonne
{
width: 515px;
}

#resultat ul table th.deux_colonnes
{
width: 405px;
}

#resultat ul table th.deux_colonnes_2
{
width: 87px;
}

#resultat ul table th.deux_colonnes_egales
{
width: 248px;
}

#resultat ul table td.deux_colonnes_egales
{
width: 248px;
}

#resultat ul table th.colonne_suivi
{
width: 40px;
}

#resultat ul table td.colonne_suivi
{
width: 40px;
}

#resultat ul table td.num
{
width: 87px;
}

#resultat ul table .trois_colonnes
{
width: 156px;
overflow: hidden;
}

#resultat ul table div .trois_colonnes
{
width: 156px;
overflow: hidden;
}

#resultat ul table ul
{
border: none;
margin-left: 35px;
}

#resultat ul table ul li
{
border: none;
padding: 0;
margin: 0;
list-style-type: circle;
}

a.voir_contenu
{
margin-bottom: 10px;
}

.voir_resultats,
.cacher_resultats
{
color: #666666;
text-decoration: underline;
font-weight: bold;
font-size: 11px;
margin: 5px 0 0 15px;
}

.voir_resultats:hover,
.cacher_resultats:hover
{
text-decoration: none;
}

/*-------------------------------------------------------------------------------------------
								FAQ
----------------------------------------------------------------------------------------------*/

.faq #content,
.apropos #content
{
width: 580px;
padding: 40px 0 30px 37px;
}

.faq h2,
.apropos h2
{
color: #282828;
font-family: ColaborateLightRegular, Arial, sans-serif;
font-size: 42px;
margin-bottom: 48px;
}

.faq dl
{
color: #282828;
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #ffffff;
}

.faq dl dt,
.faq dl dd
{
border-bottom: 1px solid #cfcfcf;
border-top: 1px solid #ffffff;
}

.faq dl dt
{
padding: 15px 5px;
cursor: pointer;
}

.faq dl dd
{
color: #696969;
padding: 0 0 15px 0;
}

.faq dl dd div
{
background: #eee url(../images/bordure-reponse-faq.png) top left no-repeat;
padding: 15px 16px 14px 30px;
position: relative;
top: -2px;
}

/*-------------------------------------------------------------------------------------------
								FAQ
----------------------------------------------------------------------------------------------*/

.apropos h2:first-letter
{
text-transform: lowercase;
}

.apropos #content p
{
color: #282828;
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
margin-bottom: 25px;
}

.apropos #content p strong
{
font-weight: normal;
text-decoration: underline;
}

.apropos #content p em
{
font-style: normal;
}

.apropos #content p a
{
text-decoration: none;
color: #2292bb;
font-weight: bold;
font-style: italic;
}

.apropos #content p a:hover
{
text-decoration: underline;
}

/*-------------------------------------------------------------------------------------------
								FOOTER
----------------------------------------------------------------------------------------------*/

#conteneur-footer
{
background: #282828 url(../images/fond_footer.png) repeat-x top left;
height: 304px;
}

#footer
{
width: 980px;
margin: 0 auto;
font-family: Georgia, Arial, sans-serif;
}

#footer ul
{
overflow: hidden;
height: 100%;
margin-left: 10px;
}

#footer ul li
{
float: left;
width: 335px;
color: #5e5e5e;
font-size: 14px;
}

#footer ul li.agence
{
width: 300px;
}
#footer ul li.agence a
{
color: #a1a1a1;
text-decoration: none;
}
#footer ul li.agence a:hover
{
text-decoration: underline;
}

#footer ul li h2
{
margin: 40px 0 26px 0;
text-indent: -9000px;
}

#footer ul li#newsletter h2
{
width: 109px;
height: 23px;
background: url(../images/titre_newsletter.png) top left no-repeat;
}

#footer ul li#agence_web_paris h2
{
width: 185px;
height: 27px;
background: url(../images/titre_agence_web_paris.png) top left no-repeat;
}

#footer ul li#besoin_daide h2
{
width: 154px;
height: 22px;
background: url(../images/titre_besoin_daide.png) top left no-repeat;
}

#footer ul li#besoin_daide p a
{
color: #5E5E5E;
text-decoration: none;
}

#footer ul li#besoin_daide p a:hover
{
text-decoration: underline;
}

#footer ul li p
{
width: 300px;
}

#footer ul li p.decevant
{
color: #a1a1a1;
margin-bottom: 20px;
}

#footer ul li ul li
{
margin-bottom: 5px;
background: #343434;
color: #a1a1a1;
width: auto;
clear: both;
padding: 3px;
}

#footer p#presentation-agence
{
margin: 40px 0 0 10px;
width: 374px;
height: 29px;
text-indent: -9000px;
background: url(../images/contact_rezoactif.png) top left no-repeat;
}

#footer form
{
margin-top: 30px;
}

#conteneur-footer #footer form p
{
background: url(../images/fond_input_newsletter.png) no-repeat top left;
width: 203px;
height: 27px;
float: left;
margin-right: 5px;
}

#footer form input
{
background: transparent;
border: 0;
position: relative;
left: 5px;
color: #5e5e5e;
}

#footer form input.email
{
top: 5px;
}

#footer form .submit
{
background: #393E3F url(../images/bouton_ok.png) no-repeat top left;
width: 43px;
height: 27px;
border: none;
cursor: pointer;
color: transparent;
}

/*-------------------------------------------------------------------------------------------
								WIDGET
----------------------------------------------------------------------------------------------*/

#configuration_widget
{
padding: 20px 30px 20px 20px;
}

#configuration_widget p,
#configuration_widget h3
{
color: #666666;
}

#configuration_widget div
{
width: 300px;
float: left;
margin-top: 20px;
}

#configuration_widget textarea
{
width: 230px;
height: 100px;
margin: 10px 0 20px 0;
}

/*-------------------------------------------------------------------------------------------
								FORM CONTACT
----------------------------------------------------------------------------------------------*/

#form_contact,
#demande_pdf
{
padding: 20px 30px 20px 20px;
}

#form_contact p,
#demande_pdf p
{
position: relative;
margin-bottom: 5px;
color: #666666;
}

#form_contact span.input_form,
#demande_pdf span.input_form
{
display: block;
width: 290px;
height: 37px;
background: url(../images/fond-input-formulaire.png) no-repeat top left;
margin-left: 105px;
}

#form_contact label,
#demande_pdf label
{
position: absolute;
top: 10px;
color: #666666;
}

#form_contact input.input-text,
#demande_pdf input.input-text
{
position: relative;
top: 10px;
left: 10px;
border: 0;
background: transparent;
}

#form_contact input.input-button,
#demande_pdf input.input-button
{
margin: 10px 0 0 0;
width: 153px;
height: 36px;
/*background: url(../images/bouton_envoyer.png) no-repeat top left;
color: transparent;*/
border: 0;

background: #282828;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #ffffff;
padding: 4px;
cursor: pointer;
}

#form_contact span.message,
#demande_pdf span.message
{
margin-left: 20px;
}

/*-------------------------------------------------------------------------------------------
								SCROLLTOTOP
----------------------------------------------------------------------------------------------*/

#scrollToTop
{
position: fixed;
bottom: 10px;
right: 0;
display: none;
}

#scrollToTop a
{
color: #666666;
text-decoration: none;
}

#scrollToTop a:hover
{
text-decoration: underline;
}