@charset "iso-8859-1";
* {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#404040;
}   

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

}

html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;overflow:-moz-scrollbars-vertical;
    height: 100%;
}
h1{font-size:18px; font-weight:bold; padding:8px 0px 0px 25px;}

body  {
    margin: 0;
    padding: 0;
    height: 100%;
    background:url(../images/fond.gif) top repeat-x  #efefef;
}


.left {
   float:left;
}
.right {
   float:right;
}
.clear {
   clear:both;
}
.clear2 {
   font-size:0px;
   overflow:hidden;
   clear:both;
   width:2%;
   height:0px;
}
.clear3 {
   font-size:0px;
   overflow:hidden;
   float:left;
   width:75%;
   height:0px;
}
.clear4 {
   font-size:0px;
   overflow:hidden;
   float:left;
   width:100%;
   height:0px;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}


#logo {
    position:absolute;
    width:220px;
    height:99px;
    left: 50%; 
    margin-left: -487px;
    z-index:4;
}

#questionnaire
 {  position:absolute;
    top:160px;
    left:0;
    width:240px;
    height:110px;
    z-index:999;
    background: #f5f5f5;
 }               

#prehome
 {  position:absolute;
    top:100px;
    left:20%;
    width:780px;
    height:490px;
    z-index:999;
    background: url("../images/prehome.jpg") top  no-repeat;
 }             

#bouton_signature
{ position : absolute;
  top : 360px;
  left: 35px;
}

#bouton_lien
{ position : absolute;
  top : 440px;
  left: 70px;

}


#bouton_video
{position: absolute;
 top:165px;
 left : 346px;
 width:434px;
 heigth:262px;
 }

#bouton_fermer
 { position:absolute;
   top:0px;
   right:0px;
 }


#questionnaire1
 {  position:absolute;
    left:38%;
    height:42px;
    width:80px;
    top:160px;
    margin-left:-487px;
    z-index:4;
    background: #f5f5f5;
    text-align:center;
 }               

.fond_question
 {background-color:#da421d; 
  color:#FFFFFF;}
 
 
#picto {
    position:absolute;
    width:159px;
    height:172px;
    left: 50%; 
    margin-left: 294px;
    z-index:5;
    top:85px;
    filter:alpha(opacity=90);
    opacity: 0.90;
    -moz-opacity: 0.90;
    progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.90,wipestyle=0,motion=forward);
}

#picto2 {
    position:absolute;
    width:164px;
    left: 50%; 
    margin-left: 294px;
    z-index:5;
    top:257px;
    background:url("../images/chercher.gif") top  no-repeat;
}

#picto2 form {
    margin:0px;
    padding:0px;
}


.input1 {
    height:18px;
    width:127px;
    border:1px solid #868585;
}

div#global {
    position:absolute;
    left: 50%; 
    width: 945px;
    margin-left: -472px;
    height: auto !important;
    height: 100%; 
    min-height: 100%;
    z-index:4;
    top:80px;
}


/*__ FLASH CONTENT __*/
#flashcontent {
    position: absolute; 
    z-index: 1;
    width: 930px;
    margin-left: -472px;
    left: 50%; 
    top:30px;
}

/* TABS */
#tabs {
    margin-top: -2px;
/*  margin-top:280px;*/
}



.readmore {
    background:url("../images/plus_red.gif") no-repeat scroll left 3px transparent;
    cursor:pointer;
    display:block;
    margin-right:5px;
    margin-top:21px;
    padding-left:13px;
    text-decoration:none;
}



/*-- MENU --*/

#menumain {
    position:absolute;
    left:0;
    width:720px;
    margin:0 auto;
    height:17px;
    padding-left:200px;
    z-index:5;
}

#menumain ul {
    position:relative;
    list-style-type: none;
    width:720px;
    margin:0 auto;
}

#menumain li {
    display: inline;
    padding:0px;
    margin:0px;
}
#menumain li a.m01,
#menumain li a.m02,
#menumain li a.m03,
#menumain li a.m04,
#menumain li a.m05,
#menumain li a.m06,
#menumain li a.m07,
#menumain li a.m01_on,
#menumain li a.m02_on,
#menumain li a.m03_on,
#menumain li a.m04_on,
#menumain li a.m05_on,
#menumain li a.m06_on,
#menumain li a.m07_on {
    display: block;
    text-decoration: none;
    float: left;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
    width:720px;
}

#menumain li a.m01{
    width:95px;
    background: url(/_img/menu/la-maladie.gif) no-repeat 0 0;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m01_on, #menumain li a.m01:hover {
    width:95px;
    background: url(/_img/menu/la-maladie.gif) no-repeat 0 -50px;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m02{
    width:106px;
    background: url(/_img/menu/au-quotidien.gif) no-repeat 0 0;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m02_on, #menumain li a.m02:hover {
    width:106px;
    background: url(/_img/menu/au-quotidien.gif) no-repeat 0 -50px;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m03{
    width:103px;
    background: url(/_img/menu/la-recherche.gif) no-repeat 0 0;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m03_on, #menumain li a.m03:hover {
    width:103px;
    background: url(/_img/menu/la-recherche.gif) no-repeat 0 -50px;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m04{
    width:89px;
    background: url(/_img/menu/vos-droits.gif) no-repeat 0 0;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m04_on, #menumain li a.m04:hover {
    width:89px;
    background: url(/_img/menu/vos-droits.gif) no-repeat 0 -50px;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m05{
    width:109px;
    background: url(/_img/menu/association.gif) no-repeat 0 0;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m05_on, #menumain li a.m05:hover {
    width:109px;
    background: url(/_img/menu/association.gif) no-repeat 0 -50px;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m06{
    width:84px;
    background: url(/_img/menu/vie-locale.gif) no-repeat 0 0;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m06_on, #menumain li a.m06:hover {
    width:84px;
    background: url(/_img/menu/vie-locale.gif) no-repeat 0 -50px;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m07{
    width:134px;
    background: url(/_img/menu/nous-soutenir.gif) no-repeat 0 0;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
#menumain li a.m07_on, #menumain li a.m07:hover {
    width:134px;
    background: url(/_img/menu/nous-soutenir.gif) no-repeat 0 -50px;
    text-indent: -100em;
    /*\*/overflow: hidden;/**/
    line-height: 50px;
    height:50px;
}
/*-- EO MENU --*/

/*-- BOTTOM --*/
div#bottom_large {
    width:100%;
    height:25px;
    clear:both;
    bottom:0;
    position:fixed;
    z-index:9;
    background-color:#000000;
}

/*div#bottom_large {
    position:absolute; /*hack ie*/
/*    top: expression(documentElement.scrollTop + document.body.clientHeight - 25 + "px"); /*hack ie*/
/*}*/


div#bottom {
    width:100%;
    height:20px;
    margin:0 auto;
    clear:both;
    padding-top:5px;
}
div#link_left {
    float:left;
    text-align:left;
    /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
    font-size:9px;
    color:#adadad;  
}
div#link_left a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#adadad;  
}
div#link_right {
    float:right;
    text-align:right;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#adadad;  
}
div#link_right a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    text-decoration:underline;
    color:#adadad;  
}
/*-- EO BOTTOM --*/

/* HELP */
div#help {
    position:fixed;
    top:107px;
    left:0px;
    height:42px;
    filter:alpha(opacity=80);
    opacity: 0.80;
    -moz-opacity: 0.80;
    progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.80,wipestyle=0,motion=forward);
    z-index:999;
}

/*-- EO HELP --*/

h1#titrerouge386 {
    width:361px;
    height:27px;
    background-color:#87002c;
    /*font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;*/
    padding:8px 0px 0px 25px;
    margin:0px;
    /*padding-left:25px;*/
    color:#FFFFFF;
}

h1#titregris380 {
    width:355px;
    height:26px;
    background-color:#2f2f2f;
    /*font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    padding:8px 0px 0px 25px;*/
    margin:0px;
    /*padding-left:25px;*/
    color:#FFFFFF;
}

h1#titregris567 {
    width:542px;
    height:27px;
    background-color:#2f2f2f;
    /*font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    padding:8px 0px 0px 0px;
    padding-left:25px;*/
    margin:0px 0px 20px 0px;
    
    color:#FFFFFF;
}
div.titrecat {
    width:620px;
    height:35px;
    background:#2f2f2f;
    padding:0px;
}
div.titrecat .spancolortitle  {
    height:20px;
    width:20px;
    color:#FFFFFF;
    margin-left:10px;
    margin-top:7px;
    padding-top:2px;
    float:left;
    text-align:center;
}
div.titrecat h1 {
    margin-top: 0px;
    margin-left: 10px;
    margin-top:7px;
    width:400px;
    float:left;
    padding:0px;
    color:#FFFFFF;
}
div.titrecat h2 {
    width:113px;
    margin-top:7px;
    float:right;

}
div.titrecat h2 a{
    margin-left:45px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none
}
div.titrecat h2 a span.retour {
    color:#FFFFFF;
    margin-left:5px;
}
div.titrecat h2 a img{
    border: none;
}

/* rajour fb */
div.titrecat1 {
    width:781px;
    height:35px;
    background:#2f2f2f;
    padding:0px;
}
div.titrecat1 .spancolortitle  {
    height:20px;
    width:20px;
    color:#FFFFFF;
    margin-left:10px;
    margin-top:7px;
    padding-top:2px;
    float:left;
    text-align:center;
}
div.titrecat1 h1 {
    margin-top: 0px;
    margin-left: 10px;
    margin-top:7px;
    width:400px;
    float:left;
    padding:0px;
    color:#FFFFFF;
}
div.titrecat1 h2 {
    width:113px;
    margin-top:7px;
    float:right;

}
div.titrecat1 h2 a{
    margin-left:45px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none
}
div.titrecat1 h2 a span.retour {
    color:#FFFFFF;
    margin-left:5px;
}
div.titrecat1 h2 a img{
    border: none;
}




h1#titregris781 {
    width:751px;
    height:27px;
    background:url(../images/modeles/modele_spe/don/c.gif) #2f2f2f no-repeat left;
    margin:0px 0px 20px 0px;
    padding-left:30px;
    color:#FFFFFF;
}

h1#titregrisf506 {
    width:476px;
    height:27px;
    /*font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    padding:8px 0px 0px 0px;*/
    margin:0px 0px 20px 0px;
    padding-left:30px;
    color:#FFFFFF;
    float:left;
    background:url(../images/modeles/modele_spe/maladie/f.gif) #2f2f2f no-repeat left;
}
/*---------- PAGE CONTACT-----------*/
h1#titregriscontact{float:left; width:638px; height:27px; margin:0px 0px 20px 0px; padding:8px 0px 0px 30px; color:#FFFFFF; background:url(../images/modeles/modele_spe/contact/contact.gif) #2f2f2f no-repeat left;}
h2#retourv.contact{float:left; background:#2f2f2f url(../images/modeles/modele_spe/contact/rf.gif) no-repeat left;}
h2#retourv.contact a{}
/*----------FIN PAGE CONTACT-----------*/    

/*---------- PAGE VIE LOCALE-----------*/
h1#titregrisvieloc{float:left; width:638px; height:27px; margin:0px 0px 20px 0px; padding:8px 0px 0px 30px; color:#FFFFFF; background:url(../images/modeles/modele_spe/vie_locale/logo_carte.gif) #2f2f2f no-repeat left;}
h2#retourv.vieloc{float:left;  background:#2f2f2f url(../images/modeles/modele_spe/vie_locale/rf.gif) no-repeat left;}
h2#retourv.vieloc a{}
/*---------- FIN PAGE VIE LOCALE

/*---------- PAGE VIE LOCALE-----------*/
h1#titregrisnewsletter{float:left; width:638px; height:27px; margin:0px 0px 20px 0px; padding:8px 0px 0px 30px; color:#FFFFFF; background:url(../images/modeles/modele_spe/newsletter/i.png) #2f2f2f no-repeat left;}
h2#retourv.newsletter{float:left;  background:#2f2f2f url(../images/modeles/modele_spe/vie_locale/rf.gif) no-repeat left;}
h2#retourv.newsletter a{}
/*---------- FIN PAGE VIE LOCALE-----------*/

h2#retourv {
    width:113px;
    height:24px;
    padding:11px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    float:left;
    background:url(../images/modeles/modele_spe/maladie/rf.gif) #2f2f2f no-repeat left;
}

h2#retourv a {
    padding-left:45px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none
}

h1#titregrisb506 {
    width:476px;
    height:27px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    padding:8px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    padding-left:30px;
    color:#FFFFFF;
    float:left;
    background:url(../images/modeles/modele_spe/droits/b.gif) #2f2f2f no-repeat left;
}

h2#retourb {
    width:113px;
    height:24px;
    padding:11px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    float:left;
    background:url(../images/modeles/modele_spe/droits/rb.gif) #2f2f2f no-repeat left;
}

h2#retourb a {
    padding-left:45px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none
}


/*---------- PAGE VIE LOCALE-----------*/
h1#titregriseul{float:left; width:638px; height:27px; margin:0px 0px 20px 0px; padding:8px 0px 0px 30px; background-color: #2f2f2f; color:#FFFFFF;}
h2#retourv.seul{float:left;  background:#2f2f2f url(../images/modeles/modele_spe/vie_locale/rf.gif) no-repeat left;}
h2#retourv.seul a{}
/*---------- FIN PAGE VIE LOCALE-----------*/


/*---------- PAGE ETATS GENERAUX-----------*/
h1#titregrisetat{float:left; width:638px; height:27px; margin:0px 0px 20px 0px; padding:8px 0px 0px 30px; color:#FFFFFF; background:url(/_img/etats-generaux/logo_etat.gif) #2f2f2f no-repeat left;}
h1#titrecontent{ margin-left:-20px; margin-top:-10px; color:#000000; font-size:14px;}
h2#retourv.etat{float:left; background:#2f2f2f url(../images/modeles/modele_spe/contact/rf.gif) no-repeat left;}
h2#retourv.etat a{}
/*----------FIN PAGE ETATS GENERAUX-----------*/   

.conteneurTitre {
   width:743px;
   height:35px;margin:0;padding:0;
   padding: 0 29px 0 10px;
   background:#2e2e2e;
}
.conteneurTitre .left {
   margin:0;padding:0;
   margin-top:7px;
}
h1.titreTop {
   float:left; 
   width:180px; 
   height:18px; 
   font-size:0;
   background:url(../images/modeles/modele_spe/titres/journeeMondiale.gif) left 8px no-repeat;
}
h1.titreTop2 {
   float:left; 
   height:19px; 
   font-size:0;
   background:url(../images/modeles/modele_spe/titres/livreBlanc.gif) left 8px no-repeat;
   padding-left:146px;
}
h1.titreTop2 span {
   color:#fff;
   font: bold 13px arial;
   display:block;
   padding-top:0.2em;
}
h1.titreTop3 {
   float:left; 
   width:202px; 
   height:22px; 
   font-size:0;
   background:url(../images/modeles/modele_spe/titres/espacePresse.gif) left 8px no-repeat;
}
h1.titreTop4 {
   float:left; 
   width:133px; 
   height:20px; 
   font-size:0;
   background:url(../images/modeles/modele_spe/titres/diaporama.gif) left 8px no-repeat;
}

h1.titreTop5 {
   float:left; 
   height:19px; 
   font-size:0;
   background:url(../images/modeles/modele_spe/titres/petition.gif) left 8px no-repeat;
   padding-left:171px;
}
h1.titreTop5 span {
   color:#fff;
   font: bold 13px arial;
   display:block;
   padding-top:0.2em;
}

a.boutonRetour {
   float:right;
   width:54px; 
   height:12px; 
   font-size:0;
   margin-top:14px;
   background:url(../images/modeles/modele_spe/titres/retour.gif) no-repeat;
   display:block;
}
h2#retourv {
    width:113px;
    height:24px;
    padding:11px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    float:left;
    background:url(../images/modeles/modele_spe/maladie/rf.gif) #2f2f2f no-repeat left;
}

h2#retourv a {
    padding-left:45px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none
}

h1#titregrisb506 {
    width:476px;
    height:27px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    padding:8px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    padding-left:30px;
    color:#FFFFFF;
    float:left;
    background:url(../images/modeles/modele_spe/droits/b.gif) #2f2f2f no-repeat left;
}

h2#retourb {
    width:113px;
    height:24px;
    padding:11px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    float:left;
    background:url(../images/modeles/modele_spe/droits/rb.gif) #2f2f2f no-repeat left;
}

h2#retourb a {
    padding-left:45px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none
}
.Ariane {
   list-style-type:none;
   margin:0;
   padding:0;
   margin-left:31px;
   margin-top:27px;
   margin-bottom:29px;
}
.Ariane a {
    font: normal 12px Arial, Helvetica, sans-serif;
    color:#2e2e2e;
    text-decoration:underline;
    display:iniline-block;
}
.Ariane li span {
    font: 12px Arial, Helvetica, sans-serif;
    color:#2e2e2e;
}
.Ariane strong {
    font: bold 12px Arial, Helvetica, sans-serif;
    color:#2b6cae;
}