/* R�INITIALISATION DES �L�MENTS
--------------------------------------------------------------------------------------- */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img,
abbr,
acronym {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

q:before,
q:after {
    content: '';
}

a:active,
object,
embed {
    outline: none;
}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */

/* Supprimer si le site de contient pas de page de garde (splash)
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
*/

body
/*#main*/

    {
    background: #FFF url(gx/bodybg.jpg) repeat-x top;
    color: #333;
    font-size: 11px;
    line-height: 150%;
    font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
    /* Garder seulement 3 fontes et effacer ce commentaire */
    text-align: left;
}

html {}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */

a,
a:link {
    color: #149fd9;
}

a:hover {
    color: #0083ba;
}

a:active {
    color: #0e8bbf;
    text-decoration: none;
}

h1 {
    font-family: Myriad Pro, Arial;
    color: #01ACF3;
    font-size: 34px;
    font-weight: normal;
    line-height: 34px;
    margin: 0 0 6px 0;
}

h1 a,
h1 a:link,
h1 a:visited {
    text-decoration: none;
}

h2 {
    color: #01ACF3;
    font-size: 15px;
    margin-bottom: 4px;
}

h2 a,
h2 a:link,
h2 a:visited {
    text-decoration: none;
}

p {}

blockquote {
    padding: 10px;
    margin: 10px;
    background: #eee;
}

#contenu ul li,
#contenu ol ul li {
    list-style: disc;
    margin-left: 16px;
}

#contenu ul ul li {
    list-style: circle;
}

#contenu ol li,
#contenu ul ol li {
    list-style: decimal;
    margin-left: 23px;
}

#contenu ol ol li {
    list-style: lower-alpha;
}

.textePetit {
    font-size: 10px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */

fieldset {
    font-size: 11px;
    margin-bottom: 10px;
}

fieldset legend {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0;
}

fieldset label {
    font-size: 12px;
    color: #000;
    margin: 2px 0;
}

fieldset label.erreur {
    color: #cc0000;
}

.champTexte {
    font-size: 11px;
    margin: 2px 0;
    padding: 3px 0;
}

.listeDeroulante {
    font-size: 11px;
    margin: 2px 0;
}

.boiteTexte {
    /*font-family:"Trebuchet MS";*/
    font-size: 11px;
    margin: 2px 0;
}

.bouton {
    background: url(gx/btPostulezbg.gif);
    border: none;
    color: #FFF;
    height: 27px;
    font-weight: bold;
    padding: 5px;
    width: 133px;
}

.bouton:hover {
    background-position: bottom;
    cursor: pointer;
}

.champCache {
    display: none;
    visibility: hidden;
}

/* Utilis� pour l'anti-spam */

p.erreur {
    text-align: center;
    color: #CC0000;
    background-color: #FFDDDD;
    border: 1px #CC0000 solid;
    padding: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

p.succes {
    text-align: center;
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 1px #4F8A10 solid;
    padding: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

p.conseil {
    font-size: 10px;
    display: none;
}

/* Icones g�n�rales
--------------------------------------------------------------------------------------- */

.lienRSS {
    background: url(gx/icone_RSS.gif) no-repeat left;
    padding: 5px 0 5px 20px;
}

/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* CONTENEURS ET CLASSES G�N�RALES
--------------------------------------------------------------------------------------- */

#conteneur {
    background: #FFF url(gx/hautbg.jpg) no-repeat;
    margin: 0 auto;
    padding: 0 10px;
    width: 940px;
}

#menuSecConteneur {
    margin: 0 auto;
    padding: 0 10px;
    width: 940px;
}

#contenu {
    background: url(gx/contenubg.png) no-repeat top;
    border: 1px #e8e8e8 solid;
    font-size: 12px;
    margin-top: 4px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

#contenu.accueil {
    min-height: 315px;
    height: auto !important;
    height: 315px;
}

#texte {
    margin: 15px 0 0 22px;
    padding-right: 20px;
}

#texte h1 {
    margin: 0 0 1px 0;
}

#bandeNoir {
    background: url(gx/bandeNoirbg.jpg);
    height: 32px;
}

#haut {
    height: 100px;
}

#rechercheBlock {
    float: right;
    position: relative;
    margin-top: 50px;
    right: -230px;
}

#rechercheBlock span {
    font-size: 12px;
}

#rechercheBlock .formBlock {
    float: left;
    line-height: 29px;
    margin-right: 5px;
}

#rechercheBlock #Recherche {
    height: 14px;
    padding: 5px 0;
    width: 205px;
}

#rechercheBlock #btSubmit {
    background: url(gx/btRecherchebg.gif);
    border: none;
    height: 27px;
    width: 33px;
}

#rechercheBlock #btSubmit:hover {
    background-position: bottom;
    border: none;
    cursor: pointer;
    height: 27px;
    width: 33px;
}

#logo {
    margin: 5px 0 0 6px;
}

#banniereConteneur {
    border-top: 1px #FFF solid;
    height: 328px;
}

#banniereConteneur.interieur {
    height: 258px;
}

#CTAblock {
    background: url(gx/CTAblockbg.png) no-repeat left;
    float: left;
    min-height: 250px;
    height: auto !important;
    height: 250px;
    margin: 22px 0 0 40px;
    padding-left: 75px;
}

#CTAblock div {
    float: left;
    margin-right: 25px;
    width: 253px;
}

#CTAblock div.dernier {
    margin-right: 0px;
}

#CTAblock div img {
    border: 3px #CCC solid;
}

#CTAblock div img:hover {
    border: 3px #AAA solid;
}

#CTAblock div h2 {
    font-family: Myriad Pro;
    font-size: 23px;
    font-weight: normal;
    margin: 15px 0 30px 0;
}

#CTAblock div p {
    font-size: 12px;
}

#menuGauche {
    background: url(gx/menuGauchebg.png) no-repeat top right;
    float: left;
    min-height: 390px;
    height: auto !important;
    height: 390px;
    margin: 45px 0 0 22px;
    width: 255px;
}

#menuGauche ul {
    margin: 44px 0 0 0;
}

#menuGauche ul li {
    list-style: none;
    margin: 0 0 10px 0;
}

#menuGauche ul li h2 a {
    color: #000;
    font-size: 18px;
    font-weight: normal;
}

#menuGauche ul li h2 a:hover,
#menuGauche ul li a.actif {
    color: #10b3f0;
}

#realisation {
    margin: 30px 0 0 0;
}

.realBlock {
    border-bottom: 1px #cccccc dashed;
    min-height: 154px;
    height: auto !important;
    height: 154px;
    padding-left: 10px;
}

.realBlock:hover {
    background: #EEE;
}

.realBlock img {
    float: left;
    margin: 13px 0 10px;
}

.realBlock .realTexte {
    float: left;
    margin: 13px 0 0 15px;
    width: 620px;
}

.realBlock a.titre {
    color: #000;
    text-decoration: none;
}

.realBlock a.titre:hover {
    text-decoration: underline;
}

#realSuivant {
    background: url("gx/btPostulezbg.gif") no-repeat top;
    color: #FFF;
    float: right;
    height: 27px;
    line-height: 27px;
    margin: 11px 0 27px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: #000 1px 1px;
    width: 133px;
}

#realSuivant.Precedent {
    float: left;
}

#realSuivant:hover {
    background-position: bottom;
}

/*  CARRIERES  */

#realisation.carriere {
    float: right;
    margin: 0;
    width: 640px;
}

.realBlock.carriereBlock a.titre {
    display: block;
    font-family: Myriad Pro, Arial;
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0 20px 0;
}

.realBlock.carriereBlock a.lienDetail {
    display: block;
    margin-bottom: 21px;
}

.realBlock.carriereBlock:hover {
    background: none;
}

.realBlock.carriereBlock p {
    width: 620px;
}

#btPostulez {
    background: url("gx/btPostulezbg.gif") no-repeat top;
    color: #FFF;
    float: right;
    height: 27px;
    line-height: 27px;
    margin: 15px 6px 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: #000 1px 1px;
    width: 133px;
}

#btPostulez:hover {
    background-position: bottom;
}

.both,
.clearBoth {
    clear: both;
}

.imgBorder {
    border: 3px #CCC solid;
}

.imgDetail {
    float: left;
    margin-right: 10px;
}

/*  RECHERCHE  */

#rechercheResultat h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

/* MENUS
--------------------------------------------------------------------------------------- */

#menu {
    margin: 0;
    padding: 0;
}

#menu li {
    padding: 0;
    margin: 0;
    display: inline;
    list-style-type: none;
}

#menu li a,
#menu li a:link,
#menu li a:visited {
    background: url(gx/menubg.jpg);
    border-right: 1px solid #000;
    border-left: 1px solid #302e2e;
    color: #FFF;
    display: block;
    float: left;
    font-size: 15px;
    height: 43px;
    line-height: 43px;
    /*padding: 0 31px;*/
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    width: 154px;
}

#menu li a:hover,
#menu li a:visited:hover {
    background-position: bottom;
}

#menu li a.actif,
#menu li a.actif:visited,
#menu li a:active,
#menu li a:visited:active {
    background: #231f20;
    color: #00aeef;
}

#menu li.premier a {
    width: 156px;
}

#menu li.dernier a {
    width: 156px;
}

/*#menu li.premier a{ padding-left: 37px;}
#menu li.dernier a{ padding-right: 37px;}

#menu.en li a{padding: 0 38px;}
#menu.en li.premier a{padding-left: 38px;}
#menu.en li.dernier a{padding-right: 37px;}*/

/* Navigation secondaire */

#menuSec {
    float: right;
    margin: 8px 2px 0 0;
}

#menuSec li {
    display: inline;
    height: 27px;
    float: left;
}

#menuSec a,
#menuSec a:link,
#menuSec a:visited {
    border-right: 1px #c0bfbf dotted;
    color: #FFF;
    font-size: 11px;
    padding: 1px 9px 0 9px;
    text-decoration: none;
}

#menuSec li.dernier a {
    padding-right: 0;
    border: none;
}

#menuSec li a:hover,
#menuSec li a.actif {
    color: #00aeef;
}

#menuSec li.actif {
    background: url(gx/menuSecbg.gif) no-repeat bottom;
}

/* Menu d�roulant */

#sddm {
    z-index: 30;
}

#sddm div {
    background: url(gx/menuSubbg.png) no-repeat;
    position: absolute;
    visibility: hidden;
    margin: 45px 0 0 0;
    padding: 35px 15px 50px 15px;
    width: 150px;
    z-index: 9000;
}

#menu #sddm li div a {
    background: url(
        gx/menuPuce.png) no-repeat left;
    border: none;
    border-bottom: 1px #000 solid;
    border-top: 1px #322d2e solid;
    color: #918f90;
    position: relative;
    display: block;
    height: 23px;
    line-height: 23px;
    float: none;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding-left: 20px;
    text-align: left;
    text-transform: none;
    width: 132px;
}

#menu #sddm.en li #m4 a {
    width: 137px;
}

#menu #sddm li div a:hover,
#menu #sddm li div a.actif {
    background-image: url(gx/menuPuce_over.png);
    color: #00aeef;
}

#sddm #m1 {
    padding-top: 25px;
}

#sddm #m2 {
    margin-left: 155px;
}

#sddm #m3 {
    margin-left: 312px;
    padding-top: 25px;
}

#sddm #m4 {
    margin-left: 624px;
    padding-top: 25px;
}

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */

.fbJaimePetit {
    max-width: 100px;
}

.fbJaime {
    max-width: 380px;
}

.fbJaime iframe {
    margin-right: 10px;
    height: 30px;
    width: 370px;
}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

/*-- Slideshow --*/

#bannerBlock {
    height: 328px;
    width: 617px;
}

#banniereTexte {
    background: url(gx/bannerTextebg.png);
    float: left;
    height: 63px;
    margin-top: 265px;
    padding-left: 35px;
    width: 582px;
}

#banniereTexte h2 {
    color: #FFF;
    font-size: 21px;
    font-weight: normal;
    line-height: 63px;
    text-transform: uppercase;
}

/*-- Slideshow controls --*/

.jshowoff-1 {
    width: 617px;
}

p.jshowoff-controls {
    display: none;
    top: -165px;
    float: left;
    margin-bottom: -165px;
    position: relative;
}

p.jshowoff-slidelinks {
    top: -100px;
    /*left: 860px;*/
    margin: 0 0 -20px 28px;
    float: left;
    position: relative;
}

p.jshowoff-slidelinks a {
    background: url(gx/bannerLinkbg.png) no-repeat top;
    color: #cacaca;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 19px;
    height: 19px;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    outline: none;
    /*text-indent: -9000px;*/
    text-align: center;
    text-decoration: none;
    width: 19px;
}

p.jshowoff-slidelinks .jshowoff-active {
    color: #b3e7fa;
    background-position: bottom;
}

/*-- /Slideshow --*/

#banniereBlockDroit {
    background: #00aeef;
    float: right;
    height: 328px;
    width: 323px;
}

#texteDroit {
    color: #FFF;
    font-size: 12px;
    line-height: 150%;
    margin: 39px 0 0 28px;
    padding-right: 17px;
}

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */

#carteContact {
    border: 1px solid #999;
    height: 310px;
    width: 370px;
    float: right;
    margin-top: 10px;
}

#boiteFormQuestion {
    float: left;
    width: 610px;
}

#boiteFormQuestion.contact {
    width: 470px;
}

#formQuestion {
    float: left;
    width: 400px;
}

#formQuestion label {
    float: left;
    width: 80px;
}

#formQuestion .champTexte {
    float: left;
    width: 230px;
}

#formQuestion .listeDeroulante {
    float: left;
    width: 230px;
}

#formQuestion .boiteTexte {
    float: left;
    height: 70px;
    width: 230px;
}

#boiteFormQuestion.offre #formQuestion {
    float: left;
    width: 600px;
}

#boiteFormQuestion.offre #formQuestion label {
    float: left;
    width: 150px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage {
    border-top: 7px #bfbfbf solid;
    padding: 20px 0 10px 0;
}

#piedPage a {
    color: #666;
    text-decoration: none;
}

#piedPage a:hover {
    text-decoration: underline;
}

#piedPage #copyrights {
    float: left;
}

/* Navigation en bas-de-page */

#menuBas {
    float: left;
    text-align: left
}

#menuBas li {
    display: inline;
    float: left;
}

#menuBas li.premier a {
    padding-left: 0;
}

#menuBas a,
#menuBas a:link,
#menuBas a:visited {
    padding: 0 5px;
}

/* Partager cette page (AddToAny) */

a#lienPartager {
    float: right;
    width: 77px;
    height: 19px;
    background: url(gx/btn_partager.png) no-repeat;
    font-size: 11px;
    font-weight: normal;
    padding: 4px 80px 0 0;
    color: #FFF;
    text-align: right;
    text-decoration: none;
}

#piedtexte {
    float: left;
    color: #7d7b83;
    text-decoration: none;
    width: 943px;
    font-size: 11px;
    text-align: justify;
    padding: 0 0 20px 0;
}

#piedtexte a {
    color: #7d7b83;
    text-decoration: underline;
    font-size: 11px;
}

#piedtexte a:hover {
    color: #7d7b83;
}