/*@charset "UTF-8";
 CSS Document */

/* fedoraiders.com - Jean-Michel Sorin 2011 */

/*------------------------------------ reset -----------------------------------*/

*{
outline:none; /* supprime les pointillés Firefox & les bordures bleues des spry */
padding: 0; /* mise à zéro des marges */
margin: 0;
border: 0; /* pas de bordures indésirables : input, textarea, select, button, table, fieldset, abbr, hr, img et object (si lien),iframe */
}

html {
font-size: 100%; /* évite un bug d'IE 6-7 */
background: #c7a573 url(../images_interface/fd_page.gif) repeat-x; /* évite bug background Safari */
}
	
/*==================================== body ====================================*/

body {
text-align: center; /* corrige le bug de centrage d'IE */
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
background: #c7a573 url(../images_interface/fd_page.gif) repeat-x;
}

#fond_1 {/* fond body haut */
background: url(../images_interface/fd_haut.jpg) no-repeat center top;
}

#fond_2 {/* fond body bas */
background: url(../images_interface/fd_ombres_haut.jpg) no-repeat center 286px;
}

/*=================================== wrapper ==================================*/

#wrapper { /* conteneur principal */
width: 982px; /* largeur du site */
background-color: #7b695b; /* beige */
text-align: left; /* on rétablit l'alignement normal du texte */ 
margin: 0px auto 0px auto; /* centrage de la page */
overflow:hidden;
}

/*=================================== header ===================================*/

#header {
width:982px;
height:139px;
background-color:#000;
float: left;
}
             
#logo { /*---------------------------------------------------------------- logo */
width:982px;
height:139px;
background:url(../images_interface/logo.jpg) no-repeat 0 0;
float: left;
}

/*=============================== colonne gauche ===============================*/

#blocColonneGauche {
width: 203px;
height: 541px;
text-align: center;
background-image:url(../images_interface/hautColGauche.png);
background-repeat: no-repeat;
background-position: top;
float:left;
}
      
.boiteColGauche { /*---------------------------------------------- boite gauche */
width: 157px;
color:white;
font-size: 10px;
font-weight:600;
line-height: 16px;
text-align: center;
}

.titreMenuGauche { /*---------------------------------------- titre menu gauche */
height: 24px;
line-height: 24px;
font-size: 11px;
font-weight: bold;
color:white;
margin: 10px 0px 4px 0px;
background-color: #32382b;

/* css3 bord arrondi */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 11px; /* Safari */
border-radius: 11px; /* Opéra V10.50 & > */
}

#menuGauche {/*---------------------------------------------------- menu gauche */
width: 183px;
margin: 0px 10px 10px 10px;
padding: 6px 0px 0px 0px;
}

#menuGauche li {
list-style: none;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #98897b;
border-bottom-color: #625449;
}

#menuGauche li a {
display: block;
font-size: 10px;
color: white;
line-height: 10px;
padding: 4px 0;
text-align: center;
text-decoration: none;
}

#menuGauche li a:hover, #navigation li a:focus, #navigation li a:active {
background: #37302b; /*  couleur  de l'onglet en rollover */
text-decoration: none;
}

.menuGaucheOn{
background: #c7a573; /* couleur de l'onglet selectionné */
}

.liensGauche { /*------------------------------------------------- liens gauche */
width: 183px;
height: 19px;
margin: 5px auto 0px auto;
padding: 0;
}

.liensGauche li {
list-style: none;
border-bottom: 1px solid #7b695b;
}

.liensGauche li a {
display: block;
font-size: 10px;
color: #5e7a88;
line-height: 10px;
padding: 4px 0;
text-align: center;
text-decoration: none;
}

.liensGauche li a:hover, #navigation li a:focus, #navigation li a:active {
background: black; /* couleur  de l'onglet en rollover */
color: white;
text-decoration: none;
}

/*=============================== colonne droite ===============================*/

#blocColonneDroite {
width: 779px;
background-color: white;
float:right;
}

#clock { /*-------------------------------------------- affichage date et heure */
height: 20px;
font-size: 11px;
color: black;
text-align: right;
margin: 0px 5px 0px 5px;
}

#content { /*---------------------------------------------------------- contenu */
margin: 6px 5px 5px 5px;
padding: 0px;
overflow:hidden;
}

#contentContact { /*---------------------------------------------------------- contenu */
border-bottom: 1px solid #8f7e6a;
margin: 6px 5px 5px 5px;
padding: 0px;
overflow:hidden;
}

#imageContent { /*--------------------------------------------------- image Home */
margin: 6px 5px 6px 5px;
padding: 0px;
overflow:hidden;
background:url(../images_home/01.jpg) no-repeat 0px 0px;
width: 769px;
height: 529px;
text-align: center;
line-height: 1020px;
}

#imageContact { /*----------------------------------------------------- contact */
background:url(../images_formulaire/jason_contact.jpg) no-repeat 0px 0px;
width: 769px;
height: 460px;
}

#imageMerci { /*--------------------------------------------------------- merci */
background:url(../images_formulaire/merci.jpg) no-repeat 0px 0px;
width: 769px;
height: 460px;
}

#image404 { /*------------------------------------------------------------- 404 */
background:url(../images_erreurs/404.jpg) no-repeat 0px 0px;
width: 769px;
height: 460px;
}

#image403 { /*------------------------------------------------------------- 404 */
background:url(../images_erreurs/403.jpg) no-repeat 0px 0px;
width: 769px;
height: 460px;
}

/*================================== footer ====================================*/

#footer {
width:982px;
height: 31px;
line-height: 31px;
font-size:10px;
font-weight:400;
text-align:center;
color:white;
background-color:#564940;
margin:0px auto 0px auto;
/* coins arrondis css3 */
-webkit-border-top-left-radius: 0px; /* Safari V3.1 & > */
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 0px; /* Mozilla/Firefox/Gecko */
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-radius: 0px 0px 10px 10px; /* Opera V10.50 & > */
}

#ombreFooter {
width: 982px;
height: 19px;
background-image: url(../images_interface/ombre_footer.jpg);
}

/*============================= navigation basse  ==============================*/

#boiteBas { /*------------------------------------------------------- boite bas */
width: 601px;
height: 42px;
margin: 0px auto 8px auto;
background-color: #a48d79;
border: 1px solid #000;
}

#navBas { /*----------------------------------------------------------- nav bas */
width: 126px;
height: 42px;
margin: 0px auto 8px auto;
}

.bt_precedent { /*------------------------------------------------ bt precedent */
background:url(../images_interface/barre_navBas.png) no-repeat 0px 0px;
width: 42px;
height: 42px;
float: left;
}

.bt_precedent:hover {
background:url(../images_interface/barre_navBas.png) no-repeat 0px -43px;
}

.bt_precedentMute {
background:url(../images_interface/barre_navBas.png) no-repeat 0px -86px;
width: 42px;
height: 42px;
float: left;
}

.bt_precedentSans {
background:url(../images_interface/barre_navBas.png) no-repeat 0px -129px;
width: 42px;
height: 42px;
float: left;
}

.bt_haut { /*---------------------------------------------------------- bt haut */
background:url(../images_interface/barre_navBas.png) no-repeat -52px 0px;
width: 42px;
height: 42px;
float: left;
}

.bt_haut:hover {
background:url(../images_interface/barre_navBas.png) no-repeat -52px -43px;
}

.bt_hautMute {
background:url(../images_interface/barre_navBas.png) no-repeat -52px -86px;
width: 42px;
height: 42px;
float: left;
}

.bt_hautSans {
background:url(../images_interface/barre_navBas.png) no-repeat -52px -129px;
width: 42px;
height: 42px;
float: left;
}

.bt_suivant { /*---------------------------------------------------- bt suivant */
background:url(../images_interface/barre_navBas.png) no-repeat -104px 0px;
width: 42px;
height: 42px;
float: left;
}

.bt_suivant:hover {
background:url(../images_interface/barre_navBas.png) no-repeat -104px -43px;
}

.bt_suivantMute {
background:url(../images_interface/barre_navBas.png) no-repeat -104px -86px;
width: 42px;
height: 42px;
float: left;
}

.bt_suivantSans {
background:url(../images_interface/barre_navBas.png) no-repeat -104px -129px;
width: 42px;
height: 42px;
float: left;
}  

#copyright { /*-------------------------------------------------- txt copyright */
height: 31px;
background-color: black;
border-top:1px solid #a48d79;
border-bottom:1px solid #a48d79;
line-height: 30px;
}

.signature { /*------------------------------------------------------ signature */	
color: #597a89;
font-size:9px;
}

/************************************ liens *************************************/

a:link { /*-------------------------------------------------------- lien normal */

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 600;
color: #cbc3ba; /* marron foncé */
text-decoration: underline;
}

a:visited { /* lien visité */
font-weight: 600;
color: #cbc3ba; /* marron moyen */
text-decoration: none;
}

a:hover { /* lien survolé */
font-weight: 600;
color: #8f7e6a; /* marron clair */
text-decoration: underline;
}

a.lienpetit:link {  /*--------------------------------------- petit lien normal */

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
color: #597a89; /* bleu foncé */
text-decoration: none;
}

a.lienpetit:visited { /* petit lien visité */
color: #8ba2ad; /* bleu moyen */
text-decoration: none;
}

a.lienpetit:hover { /* petit lien survolé */
color: #9bafb8; /* bleu clair */
text-decoration: underline;
}

a.lienSignature:link {  /*-------------------------------- lien signature normal */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: 500;
color: #597a89; /* bleu foncé */
text-decoration: underline;
}

a.lienSignature:visited { /* lien signature visité */
color: #8ba2ad; /* bleu moyen */
text-decoration: underline;
}

a.lienSignature:hover { /* lien signature survolé */
color: black; /* bleu clair */
}

a.pictoArticle:link { /*--------------------------------------------------- lien */
padding: 0px 0px 0px 14px;
background: url(../images_interface/article.gif) no-repeat;
}

a.pictoArticle:hover {
background: url(../images_interface/article_roll.gif) no-repeat;
}

a.logoSignature:link { /*--------------------------------------------------- lien */
padding: 0px 0px 0px 14px;
background: url(../images_interface/jms.gif) no-repeat;
}

a.logoSignature:hover { /*--------------------------------------------------- lien */
background: url(../images_interface/jms_roll.gif) no-repeat;
}

/*********************************** titres *************************************/

h1 {
font-size: 18px;
}

h2 {
font-size: 14px;
}

h3 {
font-size: 12px;
}

h4 {
font-size: 10px;
}

.titre {
color:white;
height: 40px;
line-height:36px;
text-align:center;
background-color: black;
margin: 0px 5px 6px 5px;
}

.sousTitre1 {
color:white;
border: #48483e solid 1px;
background: #a68d77;
margin: 0px auto 14px auto;
padding: 4px;

/* css 3 dégradé horizontal */
/* background: -moz-linear-gradient(top left, #48483e, #a38d78); /* Firefox */
/* -webkit-gradient(linear, 0% 0%, 100% 0%, from(#48483E), to(#A38D78), color-stop(.6,#A38D78)); /* Safari */

/* css3 ombre : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 0px 0px 10px #979797; /* Safari V3+ */
-moz-box-shadow: 0px 0px 10px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 0px 0px 10px #979797; /* Opera V10.5+ */
-ms-box-shadow: 0px 0px 10px #979797; /* Microsoft V9+ */
box-shadow: 0px 0px 10px #979797;
}

.sousTitre2 {
color:#cbc3ba;
text-align:left;
margin: 4px auto 14px auto;
padding: 4px;
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #8D7C6F;
border-left-width: thin;
border-left-style: dotted;
border-left-color: #8D7C6F;
}

.sousTitre3 {
color:#cbc3ba;
text-align:left;;
margin: 4px auto 14px auto;
padding: 4px;
}

/******************************** pour le texte *********************************/

p {
font-size: 11px;
line-height:14px;
margin-bottom: 10px;
}

.legende {
margin-top: 10px;	
}

small {
font-size: 75%;
}

.texteBlanc {
color:white;
}
     
/********************************** encadres ************************************/

.encadre {
background-image: url(../images_fond/craft_bg.gif);
overflow:hidden;
border: thin solid #48493E;
margin: 0px auto 10px auto;
padding: 4px 4px 0px 4px;
/* css3 bord arrondi */
-moz-border-radius: 10px; /* Bord arrondi Firefox */
-webkit-border-radius: 11px; /* Bord arrondi Safari */
border-radius: 11px; /* Bord arrondi Opéra V10.50 & > */
}

.encadreMarge {
background-image: url(../images_fond/craft_bg.gif);
overflow:hidden;
border: thin solid #48493E;
margin: 0px auto 10px auto;
padding: 4px 4px 0px 4px;
/* css3 bord arrondi */
-moz-border-radius: 10px; /* Bord arrondi Firefox */
-webkit-border-radius: 11px; /* Bord arrondi Safari */
border-radius: 11px; /* Bord arrondi Opéra V10.50 & > */
}

.encadreFixe {
height:72px;
width:auto;
background-image: url(../images_fond/craft_bg.gif);
overflow:hidden;
border: thin solid #48493E;
margin: 0px auto 10px auto;
padding: 4px 4px 0px 4px;
}

.encadreSimple {
background-image: url(../images_fond/carte_bg_clair.jpg);
margin: 10px auto 10px auto;
padding: 4px;
overflow:hidden;
border: thin solid #48493E;
/* css3 bord arrondi */
-moz-border-radius: 10px; /* Bord arrondi Firefox */
-webkit-border-radius: 11px; /* Bord arrondi Safari */
border-radius: 11px; /* Bord arrondi Opéra V10.50 & > */
}

.encadreSimpleNoir {
background-image: url(../images_fond/carte_bg_noir.jpg);
overflow:hidden;
color:white;
font-size: 11px;
line-height:14px;
margin: 10px auto 10px auto;
padding: 4px 4px 6px 4px;
border: 2px solid #a48d79;
/* css3 bord arrondi */
-moz-border-radius: 10px; /* Bord arrondi Firefox */
-webkit-border-radius: 11px; /* Bord arrondi Safari */
border-radius: 11px; /* Bord arrondi Opéra V10.50 & > */
}

.boiteVide {
text-align: center;
margin: 0px auto 10px auto;
padding: 0px 0px 10px 0px;
overflow: hidden; /*ajouté*/
}

/******************************** positionement *********************************/
     
.alignGauche {
text-align: left;
}
.centrage {
text-align: center;
}

.alignDroite {
text-align: right;
}

.positionGauche {
float: left;
}

.positionDroite {
float: right;
}

/*********************************** listes *************************************/

.listeSans {
list-style-type: none;
list-style-position: inside;
font-size: 11px;
margin: 0px 0px 10px 0px;
}

.listePoint {
list-style-type: disc;
list-style-position: inside;
font-size: 11px;
margin: 0px 0px 10px 10px;
}

/********************************* décoration ***********************************/

hr {
/* épaisseur - couleur - type de bordure */
border: 1px #796859 solid;
margin-bottom: 5px;
/*
none   : pas de bordure (par défaut)
hidden : bordure cachée
solid  : ligne pleine
double : ligne double (nécessite une taille de bordure de 3px minimum)
dashed : en tirets
dotted : en pointillés
inset  : effet 3D "enfoncé"
outset : effet 3D "surélevé"
ridge  : effet 3D "demi-rond"
*/
}

.hrDecoration {
width:71px;
height:18px;
background:url(../images_interface/hr-3.gif);
background-repeat: no-repeat;
margin: 0px auto 10px auto;
/* padding-bottom:10px; */
}

.ombre {/* css3 : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 0px 0px 10px #979797; /* Safari V3+ */
-moz-box-shadow: 0px 0px 10px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 0px 0px 10px #979797; /* Opera V10.5+ */
-ms-box-shadow: 0px 0px 10px #979797; /* Microsoft V9+ */
box-shadow: 0px 0px 10px #979797;
}

.bordArrondi {/* css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

.borduresNoires {
border:thin solid black;
}

/********************************** bt retour ***********************************/

a.boutonRetour,a.boutonRetour:link,a.boutonRetour:visited { /*--- bouton retour */
display:block;
font-weight:bold;
font-size:11px;
text-align:center;
text-decoration:none;
margin: 12px auto 0px auto;
padding: 5px 4px 5px 4px;
color:white;
background-color:#607887;
/* ........................................................... css3 transitions */
-webkit-transition: all 0.3s ease; /* Safari V3+ */
-moz-transition: all 0.3s ease; /* Firefox V1+ */
-o-border-transition: all 0.3s ease; /* Opera V10.5+ */
-ms-transition: all 0.3s ease; /* Microsoft V9+ */
transition: all 0.3s ease;
/* .......................................................... css3 bord arrondi */
-webkit-border-radius: 10px; /* Safari V3+ */
-moz-border-radius: 10px; /* Firefox V1+ */
-o-border-radius: 10px; /* Opera V10.5+ */
-ms-border-radius: 10px; /* Microsoft V9+ */
border-radius: 10px;
}

a.boutonRetour:hover { /* survol souris - touche clavier - lien cliqué */
background-color:#3f5560;
}

/********************************* testimonials *********************************/

.postIt {
width:759px;
min-height:85px;
padding: 4px;
margin: 0px;
background:#c7a573 url(../images_interface/bg_noise.png) repeat;
overflow:hidden;
float:left;
}

.postItOmbre {
width:759px;
height:15px;
background-image: url(../images_interface/ombre_testimonials.gif);
background-repeat: no-repeat;
background-position: center bottom;
overflow:hidden;
}

.interview {
list-style-type: none;
overflow:hidden;
}

.interview li {
width:759px;
margin-bottom: 4px;
float:left;
}

.espaceInterview { /* espace à mettre sauf sur le dernier onglet */
margin-right: 7px;
}

.pictoGauche { /*------------------------------------  /* vignette testimonials */
width: 60px;
height: 77px;
background-color: white;
padding: 4px;
margin: 0px 10px 4px 0px;
display:inline; /* pour bug ie6? */
float: left;
}
        
.pictoGauche:hover {
background-color: #564940;
}

/************************************ links *************************************/

.boiteBandeau { /*--------------------------------------------  /* bandeau link */
text-align: center;
margin: 0px auto 5px auto;
padding: 0px;
overflow: hidden; /*ajouté*/
border-bottom: 1px solid #8f7e6a;
}

.bandeau { /* bandeau */
background-color: white;
padding: 4px;
margin-bottom:5px;
/* css3 : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 0px 0px 10px #979797; /* Safari V3+ */
-moz-box-shadow: 0px 0px 10px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 0px 0px 10px #979797; /* Opera V10.5+ */
-ms-box-shadow: 0px 0px 10px #979797; /* Microsoft V9+ */
box-shadow: 0px 0px 10px #979797;
}
        
.bandeau:hover {/* bandeau survolé */
background-color: #37302b;
}

/*********************************** bilingue ***********************************/

#contenu { /* boite bilingue */
/* min-height: 209px;*/
padding:10px 0px 0px 0px;
margin-bottom:10px;
border-top-width: thin;
border-top-style: solid;
border-top-color: #796859;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #796859;
/* css3 : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 0px 0px 10px #979797; /* Safari V3+ */
-moz-box-shadow: 0px 0px 10px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 0px 0px 10px #979797; /* Opera V10.5+ */
-ms-box-shadow: 0px 0px 10px #979797; /* Microsoft V9+ */
box-shadow: 0px 0px 10px #979797;
}

a.lienBilingue:link, a.lienBilingue:visited { /* lien bilingue normal & visité */
width:200px;
height:20px;
padding:0px 4px 0px 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
color: white;
background: #cbc3ba;
text-decoration: none;
border-top-width: thin;
border-right-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #796859;
border-right-color: #796859;
border-left-color: #796859;
}

a.lienBilingue:hover { /* lien bilingue survolé */
background: #8f7e6a;
}

/********************************** vignettes ***********************************/

.vignetteGauche { /*------------------------------------------- vignette gauche */
width: 144px;
height: 120px;
background-color: white;
padding: 4px;
margin: 4px;
display:inline; /* pour bug ie6? */
float: left;
/* css3 ombre : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 3px 2px 10px #979797; /* Safari V3+ */
-moz-box-shadow: 3px 2px 10px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 3px 2px 10px #979797; /* Opera V10.5+ */
-ms-box-shadow: 3px 2px 10px #979797; /* Microsoft V9+ */
box-shadow: 3px 2px 10px #979797;
}
        
.vignetteGauche:hover {
background-color: #37302b;
}

.positionImageCentre { /*-------------------------------------- vignette centre */
width: 152px;
height: 128px;
margin: 0px auto 14px auto;
}

.positionDeuxImages { /*------------------------------------------- 2 vignettes */
height: 139px;
width: 320px;
margin: 6px auto 10px auto;
padding: 0px;
}

.positionTroisImages { /*------------------------------------------ 3 vignettes */
height: 139px;
width: 480px;
margin: 6px auto 10px auto;
padding: 0px;
}

.positionQuatreImages { /*----------------------------------------- 4 vignettes */
width: 640px;
height: 139px;
margin: 6px auto 10px auto;
padding: 0px;
}

/********************************** galerie ***********************************/

ul.gallery { 
list-style: none;
margin: 0px auto 10px auto; /* centrer dans la page */
padding: 0px;
overflow:hidden;
float: left;
border-bottom: 1px solid #8f7e6a;
}

ul.gallery li { /* zone vignette */
width: 110px;
height: 55px;
margin: 4px 5px 10px 5px;
padding: 4px;
text-align: center;
display: inline; /*--Gimp Fix aka IE6 Fix--*/
background: white;
float: left;
/* css3 : décalage x - décalage y - force du dégradé - couleur */
-webkit-box-shadow: 0px 0px 4px #979797; /* Safari V3+ */
-moz-box-shadow: 0px 0px 4px #979797;  /* Firefox V3.5+ */
-o-box-shadow: 0px 0px 4px #979797; /* Opera V10.5+ */
-ms-box-shadow: 0px 0px 4px #979797; /* Microsoft V9+ */
box-shadow: 0px 0px 4px #979797;
}

ul.gallery li:hover { /* rollover vignette */
	background: #37302b;
}