﻿body
{
    font-size:12px;
}   


ul, li
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

table {
	position:relative;
}
td {
    padding:10px;
}


h1, h1 span
{
    position:relative;
    font-family:Verdana;
    font-size:1.17em;
    line-height:1.17em;
    font-weight:bold;
    color:#022752;
    text-decoration:none;
    display:block;
}

h2, h2 span
{
    position:relative;
    font-family:Verdana;
    font-size:1.09em;
    line-height:1.09em;
    font-weight:bold;
    color:#FF3859;
    text-decoration:none;
}

h3, .SiteMapNiv2 
{
    position:relative;
    font-family:Verdana;
    font-weight:bold;
    color:#6B92C5;
    text-decoration:none;
    margin-bottom:0px;
    font-size:1.08em;
    line-height:1.08em;
}
p, li, tr, a, .SiteMapNiv3, span
{
    position:relative;
    font-family:Verdana;
    color:#4E4E4E;
    text-decoration:none;
    line-height:1.5em;
}
a
{
    text-decoration:none;
    color:#022752;
    font-weight:bold;
/*
    color:#6B92C5;
*/
}
a:hover
{
    text-decoration:underline;
    color:#FF3859;
}

a img, a:hover img
{
    border:0;
}


.TxtRouge
{
    position:relative;
    font-family:Verdana;
    font-size:.87em;
    color:#FF3859;
    text-decoration:none;
}
.TxtBleu
{
    position:relative;
    font-family:Verdana;
    font-size:.87em;
    color:#6B92C5;
    text-decoration:none;
}


hr
{
    color:#AFC2E3;
}
.fckbody hr
{
    text-align:center;
}

.SiteMapNiv1
{
    font-family:Verdana;
    font-size:13px;
    font-weight:bold;
    color:#FF3859;
    text-decoration:none;
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    margin-left:10px;
}
.SiteMapNiv2
{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    margin-left:60px;
}
.SiteMapNiv3
{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    margin-left:90px;
}

 .TriangleBleu
{
    color:#022752;
    position:relative;
    background: url(../Images/PuceFlecheBleue.gif) no-repeat;
    background-position:left 1px;
    margin:0;
    padding:0;
    padding-left: 10px;
    margin-left: 10px;
    text-decoration:none;
    display:block;
}

.divContenu li, .fckbody li
{
    position:relative;
    background: url(../Images/puce-orange.gif) no-repeat;
    background-position: left 4px;
    padding-left: 10px;
    margin-left: 10px;
    font-family:Verdana;
    font-size:12px;
    color:#4E4E4E;
    text-decoration:none;
}
/*
.divContenu img, .fckbody img
{
    border:solid 1px #9E9F9F;
}
*/

/* Lien "En Savoir +" sur la Cartouche Haute */
.LienEnSavoirPlus
{
    float:left;
    position:absolute;
    z-index:10;
    top:110px;
    left:26px;
    background: url(../Images/PuceRougeGrandeTaille.gif) no-repeat;
    background-position:left center; 
    line-height:20px;
    height:20px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#10335B;
    text-decoration:none;
    padding-left:22px;
}
.fckbody .LienEnSavoirPlus
{
    background: url(../Images/PuceRougeGrandeTaille.gif) no-repeat;
    background-position:left center; 
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#10335B;
    text-decoration:none;
    padding-left:22px;
}
.LienEnSavoirPlusd
{
    float:left;
    position:absolute;
    z-index:10;
    top:110px;
    left:106px;
    background: url(../Images/PuceRougeGrandeTaille.gif) no-repeat;
    background-position:left center; 
    line-height:20px;
    height:20px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#10335B;
    text-decoration:none;
    padding-left:22px;
}
.fckbody .LienEnSavoirPlusd
{
    background: url(../Images/PuceRougeGrandeTaille.gif) no-repeat;
    background-position:left center; 
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#10335B;
    text-decoration:none;
    padding-left:22px;
}
.LienEnSavoirPlus:hover, .LienEnSavoirPlusd:hover
{
    background: url(../Images/PuceBlancheGrandeTaille.gif) no-repeat;
    background-position:left center; 
    color:#FF3859;
}



/* Lien "En Savoir +" sur la Cartouche Accueil */
.EnSavoirPlusAccueil
{
    position:absolute;
    z-index:1000;
    top:-30px;
    left:36px;
    background: url(../Images/PuceRougeGrandeTaille.gif) no-repeat;
    background-position:left center; 
    line-height:20px;
    height:20px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:white;
    text-decoration:none;
    padding-left:22px;
}
.EnSavoirPlusAccueil:hover
{
    background: url(../Images/PuceBlancheGrandeTaille.gif) no-repeat;
    background-position:left center; 
    color:#FF3859;
}
.fckbody .EnSavoirPlusAccueil
{
    background: url(../Images/PuceRougeGrandeTaille.gif) no-repeat;
    background-position:left center; 
    line-height:20px;
    height:20px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#10335B;
    text-decoration:none;
    padding-left:22px;
}


.EnSavoirPlusAccueild
{
    position:absolute;
    z-index:1000;
    top:-30px;
    left:196px;
    background: url(../Images/PuceRougeGrandeTaille.gif) no-repeat;
    background-position:left center; 
    line-height:20px;
    height:20px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:white;
    text-decoration:none;
    padding-left:22px;
}
.EnSavoirPlusAccueild:hover
{
    background: url(../Images/PuceBlancheGrandeTaille.gif) no-repeat;
    background-position:left center; 
    color:#FF3859;
}
.fckbody .EnSavoirPlusAccueild
{
    background: url(../Images/PuceRougeGrandeTaille.gif) no-repeat;
    background-position:left center; 
    line-height:20px;
    height:20px;
    vertical-align:middle;
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#10335B;
    text-decoration:none;
    padding-left:22px;
}
/*********************************/
/*    Fiche Liste Recrutement    */
/*********************************/

.DivListeHaut {
    background: url(../Images/FondDivListeHaut.gif) no-repeat;
    background-position:left 13px; 
    position:relative;
    float:left;
    width:559px;
    height:22px;
    line-height:22px;
    vertical-align:middle;
    display:block;
    margin:0;
    padding:0;
}

.DivListeMilieu {
    background: url(../Images/FondDivListeMilieu.gif) repeat-y;
    background-position:left; 
    position:relative;
    float:left;
    width:559px;
    display:block;
    padding-top:11px;
    padding-bottom:11px;
}
.DivTitreBas {
    background: url(../Images/FondDivListeBas.gif) no-repeat;
    background-position:left bottom; 
    position:relative;
    display:block;
    float:left;
    height:26px;
    width:559px;
    display:block;
    margin-left:0px;
}
.DivListeMilieu a, .DivListeMilieu a:hover, .DivListeMilieu a:visited {
    color:#A3BAE3;
}
 h1.left, h2.left, h3.left, p.left {
    float:left;
    margin:0;
    padding:0;
}
.ContenuListe {
    position:relative;
    margin-left:13px;
    float:left;
    width:532px;
}

/*
.ContenuHaut {
    position:relative;
    margin-left:13px;
    width:532px;
}
.ContenuMilieu {
    position:relative;
    margin-left:13px;
    width:532px;
}
.ContenuBas {
    position:relative;
    margin-left:13px;
    width:532px;
}
*/


/* Lien "En Savoir +" sur la fiche recrutement */
.EnSavoirPlus
{
    color:#11345C;
    text-decoration:none;
    font-family:Verdana;
    font-weight:bold;
    font-size:10px;
}

/******************************/
/*    FORMULAIRE CONTACT      */
/******************************/
.DivFormulaire
{
    position:relative;
    margin-left:25px;
}
.InputLong
{
    width:369px;
    border:solid 1px #10335B;
    background-color:#D7E0F1;
}

.InputCourt
{
    width:155px;
    border:solid 1px #10335B;
    background-color:#D7E0F1;
}
.DivFormulaire p, .DivFormulaire span, .DivFormulaire li, .DivFormulaire tr, .DivFormulaire td
{
    font-family:Arial;
    font-size:10px;
    color:#10335B;
}
.TableFormulaire 
{
    position:relative;
    margin:0;
    padding:0;
    width:463px;
    margin-left:25px;
}
.TableFormulaire td {
    padding:0px;
}


.btn
{
    background: url(../Images/btn.gif) no-repeat;
    background-position:center center;
    position:relative;
    width:81px;
    height:19px;
    display:block;
    margin-left:265px;
    font-family:Verdana;
    font-size:10px;
    color:#10335B;
    font-weight:bold;
    border:0;
    padding-top:2px;
    padding-left:2px;
}

/******************************/
/*      Photothèque           */
/******************************/
.Diaporama
{
    position:relative;
    width:768px;
    display:block;
    text-align:center;
}

.Diapo
{
    float:left;
    background: url(../Images/FondPhototheque.gif) no-repeat;
    background-position:left top;
    position:relative;
    margin-right:8px;
    margin-top:5px;
    padding-bottom:10px;
    width:175px;
    height:167px;
    display:block;
}

.Diapo p
{
    float:left;
    position:relative;
    margin-top:6px;
    margin-left:30px;
    font-family:Verdana;
    font-size:9px;
    color:#4E4E4E;
}
.Diapo .Plus
{
    float:left;
    background: url(../Images/plus.gif) no-repeat;
    background-position:left top;
    position:relative;
    width:20px;
    height:9px;
    display:block;
    margin-top:9px;
    margin-left:30px;
    border:0;
    text-decoration:none;
}
.Diapo .Plus:hover
{
    float:left;
    background: url(../Images/plusHover.gif) no-repeat;
    background-position:left top;
    position:relative;
    margin-top:9px;
    width:20px;
    height:9px;
    display:block;
    border:0;
    text-decoration:none;
}

.Diapo .Plus img
{
    border:0;
}
.ImgDiapo
{
    float:left;
    position:relative;
    margin-left:14px;
    width:145px;
    height:145px;
    display:block;
    line-height:145px;
    vertical-align:middle;
    text-align:center;
}

.ImgDiapo td
{
    width:145px;
    height:145px;
    text-align:center;
}
/* SPECIALE PHOTOTHEQUE POUR FCK EDITOR */ 
.fckbody .Diapo
{
    float:left;
    background: url(../Images/FondPhototheque.gif) no-repeat;
    background-position:left top;
    position:relative;
    margin-right:15px;
    margin-top:5px;
    padding-bottom:10px;
    width:175px;
    display:block;
    border:dotted 1px #6B92C5;
}
.fckbody .ImgDiapo
{
    float:left;
    position:relative;
    margin-left:14px;
    width:145px;
    height:5px;
    display:block;
    line-height:5px;
    vertical-align:middle;
    text-align:center;
}

.fckbody .ImgDiapo td
{
    width:145px;
    text-align:center;
}
/**********************************/
.DivNosCoordonnees {
    position:relative;
    margin:0;
    padding:0;
    background: url(../Images/FondCoordonnees.gif) repeat-x;
    background-position:left top;
    display:block;
}
.DivNosCoordonnees h1 {
    position:relative;
    margin:0;
    padding:0;
    padding-top:14px;
    margin-bottom:18px;
    margin-left:11px;
}

.DivNosCoordonnees h2 {
    position:relative;
    margin:0;
    padding:0;
    color:#03264E;
    margin-left:11px;
    margin-bottom:5px;
}

.DivNosCoordonnees p {
    position:relative;
    margin:0;
    padding:0;
    color:#03264E;
    margin-left:11px;
}
.DivNosCoordonnees p.mail {
    position:relative;
    margin:0;
    padding:0;
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#FF3859;
    margin-left:11px;
}

.DivNosCoordonnees a {
    position:relative;
    margin:0;
    padding:0;
}

/***************************/
/*     Liste des Produits  */
/***************************/

.DivListeProduitGlobale
{
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background: url(../Images/FondListeProduitHaut.gif) no-repeat;
    background-position:left top;
    height:160px;
    width:577px;
    display:block;
}

.DivListeProduit
{
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background: url(../Images/FondListeProduitMilieu.gif) repeat-y;
    background-position:left top;
    width:577px;
    display:block;
    margin-top:4px;
}
.DivListeProduitFooter
{
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background: url(../Images/FondListeProduitBas.gif) no-repeat;
    background-position:left top;
    width:577px;
    display:block;
}
/***************************/
/*     Vignette Produit    */
/***************************/
.DivVignetteProduit
{
    position:relative;
    float:left;
    height:110px;
    width:100px;
    text-align:center;
    margin-left:10px;
    display:block;
}
.DivVignetteProduit img
{
    border:0;
}
.DivVignetteProduit p, .DivVignetteProduit a, .DivVignetteProduitEncadre a
{
    position:relative;
    margin:0;
    padding:0;
    font-family:Arial;
    font-size:10px;
    font-weight:normal;
    z-index:1;
}
.fckbody .DivVignetteProduit
{
    position:relative;
    float:left;
    height:80px;
    width:80px;
    text-align:center;
    margin-left:30px;
    display:block;
    border:dotted 1px #6B92C5;
}
.DivVignetteProduitEncadre
{
    background: url(../Images/DivFicheProduitEncadre.gif) no-repeat;
    background-position:left top;
    position:relative;
    float:left;
    height:110px;
    width:120px;
    text-align:center;
    margin-left:7px;
    margin-right:-10px;
    display:block;
}
.DivVignetteProduitEncadre img
{
    position:relative;
    border:0;
    margin:0;
    margin-top:2px;
}
.DivVignetteProduitEncadre p
{
    position:relative;
    margin:0;
    margin-left:2px;
    padding:0;
    font-family:Arial;
    font-size:10px;
    font-weight:normal;
    text-align:center;
    color:#000000;
    width:101px;
}


/***************************/
/*     Fiche Produit       */
/***************************/

.DivFicheProduitGlobale
{
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background: url(../Images/FondFicheProduitHaut.gif) no-repeat;
    background-position:left top;
    width:562px;
    display:block;
    margin-top:75px;
}

.DivFicheProduit
{
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background: url(../Images/FondFicheProduitMilieu.gif) repeat-y;
    width:562px;
    display:block;
}

.DivFicheProduitFooter
{
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background: url(../Images/FondFicheProduitBas.gif) no-repeat;
    background-position:left top;
    width:562px;
    display:block;
}

.DivFicheProduitImage
{
    position:relative;
    float:left;
    text-align:center;
    width:215px;
    display:block;
    border:0;
    margin-top:5px;
}
.DivFicheProduitImage img
{
    border:0;
}

.DivFicheProduitDescriptif
{
    position:relative;
    margin:0;
    padding:0;
    float:left;
    width:309px;
    display:block;
    margin-top:28px;
}
.DivFicheProduitDescriptif h1
{
    margin:0;
    padding:0;
    font-family:Verdana;
    font-size:16px;
    font-weight:bold;
    color:#000000;
}
.DivFicheProduitDescriptif h2
{
    margin:0;
    padding:0;
    font-family:Verdana;
    font-size:14px;
    font-weight:normal;
    color:#000000;
}
.DivFicheProduitDescriptif .Fiche
{
    position:relative;
    background: url(../Images/PuceFlecheBleue.gif) no-repeat;
    background-position:left top;
    margin:0;
    padding:0;
    padding-left:10px;
    font-family:Verdana;
    font-size:9px;
    color:#000000;
    text-decoration:none;
    margin-top:4px;
    display:block;
}
.DivFicheProduitDescriptif .TriangleBleu
{
    font-family:Verdana;
    font-size:12px;
    color:#022752;
    position:relative;
    background: url(../Images/PuceFlecheBleue.gif) no-repeat;
    background-position:left 1px;
    margin:0;
    padding:0;
    padding-left:10px;
    text-decoration:none;
    display:block;
}

.DivFicheProduitDescriptif p
{
    margin:0;
    padding:0;
    font-family:Verdana;
    font-size:12px;
    color:#000000;
}
.DivFicheProduitDescriptif hr, .DivFicheProduit hr
{
    margin:0;
    padding:0;
    color:#CBCBCB;
    width:100%;
}

/****************************/
/*     Fiche Recrutement    */
/****************************/


.Recrutement a
{
    text-decoration:none;
    color:#6B92C5;
    
}
.Recrutement a:hover
{
    text-decoration:underline;
    color:#FF3859;
}

a.CrochetA, a.CrochetA:hover, a.CrochetB, a.CrochetB:hover, .btnLienExt
{
    font-family:Verdana;
    text-decoration:none;
    height:27px;
    line-height:27px;
    vertical-align:middle;
    text-align:center;
    display:block;
}
a.CrochetA
{
    background: url(../Images/CrochetA.gif) no-repeat;
    background-position:left center;
    width:255px;
    color:#022752;
}
a.CrochetA:hover
{
    background: url(../Images/CrochetAHover.gif) no-repeat;
    background-position:left center;
    width:255px;
    color:#FF3859;
}

a.CrochetB
{
    background: url(../Images/CrochetB.gif) no-repeat;
    background-position:left center;
    width:223px;
    color:#022752;
    margin-left:29px;
}
.btnLienExt
{
    background: url(../Images/CrochetB.gif) no-repeat;
    background-position:left center;
    width:223px;
    color:#022752;
}

.fckbody .btnLienExt
{
    background: none;
    color:#022752;
}

a.CrochetB:hover, .btnLienExt:hover

{
    background: url(../Images/CrochetBHover.gif) no-repeat;
    background-position:left center;
    width:223px;
    color:#FF3859;
}

.ImageReference
{
    text-align:left;
    border:0;
}
.ImageReference img
{
    border:0;
    margin-right:16px;
    text-align:center;
}
.ImageReference p
{
    margin:0;
    padding:0;
}



/****************************/
/*      Fiche Recherche     */
/****************************/

#ResultatsRecherche a
{
    font-family:Verdana;
    text-decoration:none;
    color:#4E4E4E;
}
#ResultatsRecherche a:hover
{
    font-family:Verdana;
    text-decoration:underline;
    color:#FF3859;
}


#ResultatsRecherche a.LireLaSuite
{
    text-decoration:none;
    color:#009EE0;
}
#ResultatsRecherche a.LireLaSuite:hover
{
    text-decoration:underline;
    color:#FF3859;
}


.ZonecartoucheBasse h3
{
    position:relative;
    font-family:Verdana;
    font-weight:bold;
    color:#6B92C5;
    text-decoration:none;
    margin-bottom:0px;
    font-size:14px;
}

/************************************/
/*         Page Carte               */
/************************************/

.DivCarte 
{
    background: url(../Images/Fond-carte.gif) no-repeat;
    background-position:left top;
    width:565px;
    height:390px;
}
.DivCarte #carte1
{
    visibility:visible;
}
.DivCarte #carte2
{
    visibility:hidden;
}
.DivCarte #carte3
{
    visibility:hidden;
}

.DivCarte img
{
    position:absolute;   
    margin-left:198px;
}

.DivCarte .PhotoSociete
{
    position:absolute;   
    float:left;
    margin-top:248px;
    margin-left:0px;
    left:0;
}
.FormContenuImpression .DivCarte #carte1, .FormContenuImpression .DivCarte #carte2, .FormContenuImpression .DivCarte #carte3
{
    visibility:visible;
}
.FormContenuImpression .DivCarte #carte2
{
    visibility:visible;
    margin-top:340px;
}
.FormContenuImpression .DivCarte #carte3
{
    visibility:visible;
    margin-top:680px;
}


.moins, .plus, .moins:hover, .plus:hover 
{
    position:absolute;   
    float:left;
    width:13px;
    height:13px;
    display:block;
    text-decoration:none;
    z-index:10;
}
.moins
{
    background: url(../Images/moins.gif) no-repeat;
    background-position:left top;
    margin-top:350px;
    margin-left:367px;
}

.plus
{
    background: url(../Images/plus.gif) no-repeat;
    background-position:left top;
    margin-top:350px;
    margin-left:385px;
}
.FormContenuImpression .moins, .FormContenuImpression .plus
{
    visibility:hidden;
}
