@import url(/css/style_calendrier.css);

@import url(/css/fenetre_modal.css);
/*##HASHING PICTONAV##*/


.titre
{
 font-size: 16px;
  color: #000000;
  font-weight: bold;
}
.titreBlanc
{
 font-size: 16px;
  color: #EBEBEB;
  font-weight: bold;
}

.sousTitre
{
 font-size: 14px;
  color: #000000;
  font-weight: bold;
}
.sousTitreBlanc
{
 font-size: 14px;
  color: #EBEBEB;
  font-weight: bold;
}
.normal
{
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}
a.normal
{
 font-size: 12px;
 color: #0000FF;
 text-decoration: none;
}
.normalRouge
{
 font-size: 12px;
 color: #D95000;
 text-decoration: none;
}
.grasRouge
{
 font-size: 12px;
 color: #D95000;
 text-decoration: none;
 font-weight:bold;
}
.normalBlanc
{
 font-size: 12px;
 color: #EBEBEB;
 text-decoration: none;
}
.petit
{
 font-size: 10px;
 color: #000000;
  text-decoration: none;
}
a.petit
{
 font-size: 10px;
 color: #0000FF;
  text-decoration: none;
}
a.petit:hover
{
 font-size: 10px;
 color: #F49000;
  text-decoration: none;
}
.petitBlanc
{
 font-size: 10px;
 color: #EBEBEB;
  text-decoration: none;
}
.apportPerso
{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin-right:15px;
}
.petitGris
{
 font-size: 10px;
 color: #666666;
  text-decoration: none;
}
.petitGrisClair
{
 font-size: 10px;
 color: #CCCCCC;
  text-decoration: none;
}
.petit_souligne
{
 font-size: 10px;
 color: #000000;
  text-decoration: underline;
}
.liensSousMenu{
    text-decoration: none;
    color: #0000ff;
	display:block;
	margin-bottom:2px;
    padding: 0 0 0 22px;
	background: url(../images/link.gif) no-repeat left center;
}
a.liensSousMenu:link
{
	display:block;
	text-decoration: none;
    color: #0000ff;
	margin-bottom:2px;
    padding: 0 0 0 22px;
	background: url(../images/link.gif) no-repeat left center;
}
a.liensSousMenu:hover
{
display:block;
    text-decoration: underline;
    color: #000000;
	margin-bottom:2px;
    padding: 0 0 0 22px;
    background: url(../images/link.gif) no-repeat left center;
}
a.liensSousMenu:visited
{
display:block;
    text-decoration: none;
    color: #800080;
	margin-bottom:2px;
    padding: 0 0 0 22px;
    background: url(../images/visited.gif) no-repeat left center;
}


/*##FIN HASHING PICTONAV##*/



.blocTexte{
	display:none;
	visibility:hidden;

}
.blocTexte_ouvert{
	display : block;
	visibility:visible;
}
body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align:left;
        font-size: 12px;
        color: #000000;
}

td{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align:left;
        font-size: 12px;
}


.top{
	background-image:url(../images/bg_top.gif);
	width:100%;
	height:130px;
}
.top2{
	background-image:url(../images/bg_top2.gif);
	background-repeat:no-repeat;
	height:130px;
}
.topNew{
	background-image:url(../images/bg_topNew.gif);
	width:100%;
	height:130px;
}

.home2{
	background-image:url(../images/home2.gif);
	width:210px;
	height:130px;
	background-repeat:no-repeat;
}
.home{
	background-image:url(../images/home.gif);
	width:210px;
	height:130px;
	background-repeat:no-repeat;
}
.creerCompte{
	background-image:url(../images/bg_creerCompte.gif);
	width:180px;
	height:12px;
	float:right;
	text-align:right;
}
.accederCompte{
	background-image:url(../images/bg_accesCompte.gif);
	width:170px;
	height:12px;
	float:right;
	text-align:center;

}
.ptBlanc{
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

.ptBlanc:hover{
	font-size:10px;
	color:#000000;
	text-decoration:none;
}
.panier{
	margin-top:10px;
	float:right;
	width:159px;
	height:57px;
	clear:both;
	border-left: solid #000000 1px;
	text-align:center;

}

.panierClignote{
	margin-top:10px;
	float:right;
	width:159px;
	height:57px;
	clear:both;
	text-align:center;
    border-left: solid #000000 1px;
    background-color:#FCD69F;
}

.btPanier{
	background-image:url(../images/bt_panier.gif);
	width:111px;
	height:14px;
	text-align:center;
}
.titreMenu{
	width:199px;
	height:17px;
	background-color:#000000;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	margin:5px 0 5px 0;
text-decoration:none;
}

.displayHaut{
height:18px;
width:375px;

}

.menuHaut{
margin-left:5px;
height:78px;
width:375px;

}
.lienMenuHaut{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.lienMenuHaut:hover{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}
.bgTitreOnglet{
	background-color:#D95000;
}
.onglet1{
	background-image:url(../images/nosEnquetes_onglet1.gif);
	width:167px;
	height:17px;
}
.onglet1b{
	background-image:url(../images/nosEnquetes_onglet1b.gif);
}
.onglet2{
	background-image:url(../images/nosEnquetes_onglet2.gif);
	width:167px;
	height:19px;
}
.onglet2b{
	background-image:url(../images/nosEnquetes_onglet2b.gif);
}
.onglet3{
	background-image:url(../images/nosEnquetes_onglet3.gif);
	width:167px;
	height:18px;
}
.onglet3b{
	background-image:url(../images/nosEnquetes_onglet3b.gif);
}
.onglet4{
	background-image:url(../images/nosEnquetes_onglet4.gif);
	width:167px;
	height:17px;
}
.onglet4b{
	background-image:url(../images/nosEnquetes_onglet4b.gif);
}
.lienOnglet{
	margin-left:18px;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;

}
.lienOnglet:hover{
	margin-left:18px;
	text-decoration:none;
	font-size:12px;
	color:#000000;
	font-weight:bold;

}
.menuDroit{
margin-top:10px;

}
.menuGauche{
font-size:11px;
color:#FFFFFF;
text-decoration:none;

}
.menuGauche:hover{
font-size:11px;
color:#FFFFFF;
text-decoration:underline;

}

.enqueteAcc{
width:100%;
border:hidden;
}

.numEnq{
font-size:30px;
color:#000000;
font-weight:bold;
background-image:url(../images/num.gif);
}
.pourcEnq{
text-align:center;
font-size:21px;
color:#FACD8C;
font-weight:bold;
}
.logoEnq{
height:75px;
width:61px;
float:left;
}
.tEnq{
font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
.stEnq{
font-size:10px;
color:#000000;
text-decoration:none;
}
.sectSect {
font-size:10px;
color:#000000;
text-decoration:none;
}
.divSectSect{

float:left;
width:330px;
height:25px;
padding-left:10px;

}
.bgOnglet{
background-color:#F49000;

}
.bgOngletOver{
background-color:#FFB141;
}
.spanFondOrange{
background-color:#F8B759;
padding:2px;
}
.enquetDispo{
font-size:12px;
color:#000000;
text-decoration:none;
margin-right:20px;
}
.top10{
font-size:50px;
color:#FFFFFF;
font-weight:bold;
}
.btClic{
background-image:url(../images/fond_bt_orange.gif);
width:231px;
height:26px;
text-align:center;

vertical-align:middle ;
}
.lienClic{
font-size:20px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.lienClic:hover{
font-size:20px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
.lienClicPt{
font-size:15px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.lienClicPt:hover{
font-size:15px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
.baroAccPour{
background-image:url(../images/bg_pourc_pt.gif);
width:58px;
height:24px;
font-size:18px;
color:#FFFFFF;
}
.ficheReseauNom{
font-size:26px;
color:#000000;
font-weight:bold;
}
.btAchatEnquete{
	width:196px;
	height:59px;
}
a.lienAchatBt{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
a.lienAchatBt:hover{
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.fieldSetFicheTech{
	width:77%;
	text-align:left;
	border:#D95000 2px solid;
	border-width:2px;
	padding:15px;
}
.legendeFicheTech{
	color:#D95000;
}
.miniDescription{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana;
	margin-left:5px;
}
.miniDescription a {
	color:#000000;
	text-decoration:none;
}
.miniDescription a:hover{
	color:#D95000;
	text-decoration:none;
}
.magicHeight{
	clear:both;
	visibility:hidden;
}
.fieldSetBaro{
	width:95%;
	text-align:left;
	border:#F49000 2px solid;
	border-width:2px;
	padding:15px;
	margin-bottom:30px;
}
.legendeFicheTech{
	color:#F49000;
	font-size:18px;
}
.graphPourHBaro{
float:left;
height:5px;
background-image:url(../images/bg_barreOrange.gif);
border:#F9C06F  solid 1px;
border-right-color:#000000;
border-right-width:2px;
}
.divPourcBaro dl
{
        display:block;
        margin: 5px 5px 5px 100px;
        clear:both;
}
.divPourcBaro dt
{
        display:block;
        float:left;
        width:70px;
		margin-bottom:8px;
        font-weight: bold;
        font-size: 18px;
}

.divPourcBaro dd
{
        display:block;
		padding:3px;
		color:#FFFFFF;
        float:left;
        margin-left: 30px;
		margin-bottom:8px;
        width:350px;
        font-size: 14px;
		background-color:#F49000;

}

.divTableBaro{
padding-left:200px;

}
.tableBaro{
width:350px;

}
.tableBaroC1{
width:250px;
text-align:center;
color:#FFFFFF;
background-color:#F49000;
}
.tableBaroC2{
width:20px;
text-align:center;
}
.tableBaroC3{
width:80px;
text-align:center;
        font-weight: bold;
        font-size: 18px;
}
.tableBaroC4{
width:50px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
background-color:#F49000;
font-size:16px;
}
.divPourcBaro{
clear:both;
}

.histogramme1{
background-image:url(../images/bg_graph_0a50pourc.gif);
background-position:bottom;
background-repeat:no-repeat;
width:700px;
}
.histogramme2{
background-image:url(../images/bg_graph_0a100pourc.gif);
background-position:bottom;
background-repeat:no-repeat;
width:700px;
}
.histogramme3{
background-image:url(../images/bg_graph_0a40pourc.gif);
background-position:bottom;
background-repeat:no-repeat;
width:700px;
}
.histogramme4{
background-image:url(../images/bg_graph_0a5pourc.gif);
background-position:bottom;
background-repeat:no-repeat;
width:700px;
}
.histogramme5{
background-image:url(../images/bg_graph_1a5pourc.gif);
background-position:bottom;
background-repeat:no-repeat;
width:700px;
}
.graphPourHEnonce{
float:left;
width:250px;
padding-top:7px;
font-size:14px;

}
.graphPourHZoneBarre{
float:left;
padding-top:7px;
width:450px;
height:35px;
}
.graphPourHBarre{
float:left;
height:15px;
background-image:url(../images/bg_barreOrange.gif);
border:#000000  solid 1px;
}


/****************************************
Css pour les onglets .....
*****************************************/
.ongletContenu {
    float : left;
    width : 100%;
}

.ongletContenu ul {
    margin : 0;
    padding : 0;
    list-style : none;
}

.ongletContenu li {
    position: relative;
    float : left;
    padding : 0 0 0 13px;
    background-repeat : no-repeat;
    margin-left:15px;
}

.ongletContenu a {
    float : left;
    display : block;
    padding : 10px 20px 5px 7px;
    text-decoration : none;
    font-size:11px;
    color : #FFF;
    font-weight:normal;
}

.ongletContenu .std {
    background-image : url(../images/onglet_right.gif);
    background-repeat : no-repeat;
    background-position : 100% -110px;
}
.ongletContenu .bas {
    background-image : url(../images/ongletBas_right.gif);
    background-repeat : no-repeat;
    background-position : 100% -185px;
}

.ongletContenu a:hover {
    color : #F8DA10;
}

.ongletContenu li.ongletGauche:hover {
    background-position : 0 -220px;
}

.ongletContenu li.ongletGaucheBas:hover {
    background-position : 0 -283px;
}


.ongletContenu li:hover .std {
    background-position : 100% -220px;
}
.ongletContenu li:hover .bas {
    background-position : 100% -283px;
}

.ongletContenu li.ongletGauche{
    background-image : url(../images/onglet_normal.gif);
    background-position : 0 -110px;
}
.ongletContenu li.ongletGaucheBas{
    background-image : url(../images/ongletBas_normal.gif);
    background-position : 0 -185px;
}

.ongletContenu .actif{
  font-weight : bold;
}

.ongletContenu .actif a:hover {
     color : #FFF;
}

.ongletContenu li.ongletGauche.actif, .ongletContenu li.ongletGauche.actif:hover {
    background-position : 0 0;
}

.ongletContenu li.ongletGaucheBas.actif, .ongletContenu li.ongletGaucheBas.actif:hover {
    background-position : 0 -74px;
}

.ongletContenu li.actif .std, .ongletContenu li.actif:hover .std {
    background-position : 100% 0;
}
.ongletContenu li.actif .bas, .ongletContenu li.actif:hover .bas {
    background-position : 100% -74px;
}


/* si on ajoute une img on rajoute cette class (l'image doit être dans
le href)*/
.ongletContenu .imgOngletHaut  {
    position:absolute;
    z-index:666;
    margin-top:-20px;
    margin-left:-30px;
}

.ongletContenu .imgOngletMilieu  {
    position:absolute;
    z-index:666;
    margin-top:-10px;
    margin-left:-30px;
}

.ongletContenu .imgOngletBas  {
    position:absolute;
    z-index:666;
    margin-top:0px;
    margin-left:-30px;
}
/* Questionnaire */
dl.questionnaire
{
	margin-left:15px;
}
dl.questionnaire dd
{
	margin:15px;
}
dl.questionnaire dt.question_groupe
{
	margin:10px;
}
dl.questionnaire label
{
	cursor:pointer;
	margin-right:10px;
}
dl.questionnaire li
{
	display:inline;
}
dl.questionnaire table
{
	width:80%;
}
dl.questionnaire td.reponse
{
	text-align:center;
}
dl.questionnaire td
{
	padding:5px;
}

.flagIndicBientot{
background-image:url(../images/indicateur_rouge.gif);
	width:137px;
	height:11px;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
}
.flagIndicNouveau{
background-image:url(../images/indicateur_noir.gif);
	width:137px;
	height:11px;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
}
.btClign{
	background-image:url(../images/bg_bt_clign.gif);
	width:345px;
	height:29px;
	text-align:center;
}
.btClign a{
margin-top:5px;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
}
.topClassement{
	font-size:40px;
	color:#F49000;
	font-weight:bold;
	font-style:italic;
	width:75px;
	text-align:center;
}
.topClassementTitre{
	font-size:25px;
	color:#F49000;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
.topClassementSepa{
	height:20px;
	background-image:url(../images/tirets_oranges.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.topClassementLiens{
	margin-left:25px;
	margin-top:7px;
}
.topClassementLiens a{
	text-decoration:none;
	font-size:10px;
	background-image:url(../images/dotRouge.gif);
	background-repeat:no-repeat;
	background-position:1px 3px;
	padding-left:10px;
}
.topClassementLiens a:hover{
	text-decoration:underline;
	font-size:10px;
	background-image:url(../images/dotRougeGrd.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:10px;
}