/* Mise en forme du body */
body { margin:0; padding:0; background: #fff url(../images/00_bg.jpg) center; background-repeat:repeat-y; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#6b6b6b;}
/*-----------------------------------------------------------*/
/* Menu Plan du site Aide FAQ */
#topMenu {width: 230px; height: 23px; margin:7px auto 0 auto; padding-top:12px; padding-left: 675px; background-image:url(../images/01_top.gif);}
#topMenu ul {margin: 0; padding:0; list-style:none;}
#topMenu li {display:inline; border-left: #a0a0a0 solid 1px; padding-left: 5px; padding-right:5px;}
#topMenu li a:link { text-decoration: none; color:#95ccff;}
#topMenu li a:visited { text-decoration: none; color:#95ccff;}
#topMenu li a:hover { text-decoration: underline; color:#fff;}
/*-----------------------------------------------------------*/
/* Header */
#header {width: 905px; height: 112px; margin:0 auto 0 auto; padding:0; background-image:url(../images/02_header.jpg);}
/*-----------------------------------------------------------*/
/* Menu principal */
#menuPrincipal {width: 855px; height: 39px; margin:0 auto 0 auto; padding: 0 25px 0 25px; background-image:url(../images/03_menuBg.gif); list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#menuPrincipal ul {height: 39px; margin:0; padding:0; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
#menuPrincipal li {float:left; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#menuPrincipal li.imageSeparateur {float:left; width:3px; height: 39px; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#menuPrincipal a {display: block; width: 87px; height: 27px; margin: 0; padding:12px 0 0 0; text-align:center; text-decoration: none; color:#fff;}
#menuPrincipal a.pageActive { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#fff;}
#menuPrincipal a:visited {center; color:#fff;}
#menuPrincipal a:hover { background-image: url(../images/menuPrincipalOver2.gif); background-repeat:no-repeat; background-position:top center; color:#fff;}
/*-----------------------------------------------------------*/
/* Sous menu - Ne pas modifier */
#SousMenu {width: 905px; height: 35px; margin:0 auto 0 auto; background-image:url(../images/04_sousMenu.gif); background-repeat:no-repeat;}
/*-----------------------------------------------------------*/
/* CONTENU CONTENEUR 2 DIV */
#contenuBg {width: 905px; margin:0 auto 0 auto; background-image:url(../images/05_contenuBg.gif); background-repeat:repeat-y;}
/* 1) Menu gauche */
#menuGauche {float:left; width: 222px; padding: 0 0 0 49px; margin:0;}
/* BOITE RECHERCHER */
#boiteRechercher { width:222px; height: 29px; padding: 11px 0 0 0; margin: 0 0 10px 0; background:url(../images/boiteRecherche.gif) left top no-repeat;}
#boiteRechercher p { float:left; margin:0px; padding:0px;}
#boiteRechercher .formulaireRechercher {padding: 0; margin: 0;}
#boiteRechercher .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;}
/* Boite menu Gauche */
#cadreGauche { width:222px; padding: 24px 0 0 0; margin: 0 0 10px 0; background:url(../images/menuGaucheTop.gif) left top no-repeat;}
#blocCadreGauche {background: url(../images/menuGaucheBas.gif) left bottom no-repeat; padding-bottom: 15px;}
#blocCadreGauche ul {margin: 0 0 0 0; padding: 0; list-style:none; }
#blocCadreGauche li {height:19px; padding: 0;}
#blocCadreGauche a {display:block; width:183px; height:19px; padding-left:39px; padding-top:5px; background:url(../images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
#blocCadreGauche a:link {color: #6b6b6b;}
#blocCadreGauche a:visited {color: #6b6b6b;}
#blocCadreGauche a:hover {color: #000; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);}
#blocCadreGauche a.pageActive {color: #CC0033; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);}
/* Boite Login */
#cadreLogin { width:222px; padding: 24px 0 0 0; margin: 0 0 10px 0; background:url(../images/menuGaucheTop.gif) left top no-repeat;}
#blocCadreLogin { background: url(../images/menuGaucheBas.gif) left bottom no-repeat; padding-bottom: 15px; padding-left: 20px;}
#blocCadreLogin .formulaire {width: 200px; padding-top:5px;}
#blocCadreLogin .formulaire p { padding:0; margin:0; line-height: 12px;}
.formulaireBoite {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #6b6b6b; border:1px solid #bfc4ca; background-color: #fff; margin: 2px 0; padding:1px;}
/*-----------------------------------------------------------*/
/* 2) Zone de texte */
#zoneTexte {float:left; width: 520px; margin: 0 0 0 30px; padding-left: 30px; border-left: 1px dotted #b7b7b7;}
#zoneTexte p {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#6b6b6b; line-height: 19px; text-align:justify;}
h1{font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#3aa0ff; border-bottom: 1px dotted #b7b7b7; margin:0;}
h2 span.nom {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#3aa0ff; margin-left : 10px;}
h2#avis { margin-top : 30px;}
h2, h2 a {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#365f91; margin:0;}
ul#orientation li a {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#4f81bd; margin:0; }
li.master, ul#orientation li {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#4f81bd; margin:0; }
li.masters, ul#orientation li ul li a {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#4f81bd; margin:0; }
li.sspuces {list-style-type:none; }
ul#temoignages li { margin:5px 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; }
.positionDroit {float:right; margin-left: 15px; border:none;}
p#remarque {font: 9px Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#6b6b6b; line-height: 19px; text-align:justify; margin-top: 75px;}
p.temoignage {
text-indent : 20px;
text-align : left;
}
#zoneTexte p.p1 /* Tous les du corps */
{
text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
}
#zoneTexte p.p2 /* Tous les
du corps */
{
text-align:center;
}
#zoneTexte p.p3 /* Tous les
du corps */
{
text-indent: 50px; /* Les paragraphes commenceront 30 pixels sur la droite */
}
#zoneTexte form.f1 /* Tous les
du corps */
{
text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
}
#zoneTexte caption.t1 /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #009900;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
#zoneTexte table.t1 /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}
#zoneTexte th.t1 /* Les cellules d'en-tête */
{
background-color: #006600;
color: white;
font-size: 1.6em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
#zoneTexte td.t1 /* Les cellules normales */
{
border: 1px solid black;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
font-size: 1.3em;
text-align: center; /* Tous les textes des cellules seront centrés*/
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
/*-----------------------------------------------------------*/
/* Patch bug IE6 */
.spacer {clear: both; visibility:hidden; margin:0; padding:0;}
/*-----------------------------------------------------------*/
/* footer */
#footer {width: 905px; height: 25px; margin:0 auto 0 auto; padding-top: 35px; background-image:url(../images/06_footer.gif); background-position:top; background-repeat:no-repeat; }
#footer p {font-size: 9px; text-align: center;}
/*-----------------------------------------------------------*/
/* styles globaux */
a:link { text-decoration: none; color:#3aa0ff;}
a:visited { text-decoration: none; color:#3aa0ff;}
a:hover { text-decoration: underline; color:#000;}
.sansBordure { border: none;}
.galerieBtn {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; border:none; background-color: #000; margin: 2px 0; padding:4px;}
/* ligthbox */
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}