/***************** BODY *****************/

* {
/*---on passe toutes les marges à 0---*/

margin:0;
padding:0;
}

html {
height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)

scrollbar-base-color:#7d8a2e;
---*/

background:#5b5b59 url(../../charte/images/bg-body.png) top left repeat-x;
}

body {
background:none;
height:100%;
}



/***************** FONTFACE /

Les typos sont appelées dans inc_header_menu.php

**********************************************/

@font-face {
font-family: 'antique-olive';
src: url('../../charte/fonts/antique-olive-nord-d-regular-webfont.eot');
src: local('☺'), url('../../charte/fonts/antique-olive-nord-d-regular-webfont.woff') format('woff'), url('../../charte/fonts/antique-olive-nord-d-regular-webfont.ttf') format('truetype'), url('../../charte/fonts/antique-olive-nord-d-regular-webfont.svg#antique_olive_nord_dregular') format('svg');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'icomoon';
src:url('../../charte/fonts/icomoon.eot');
src:url('../../charte/fonts/icomoon.eot?#iefix') format('embedded-opentype'),

url('../../charte/fonts/icomoon.ttf') format('truetype'),

url('../../charte/fonts/icomoon.woff') format('woff'),

url('../../charte/fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}



[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;


/* Better Font Rendering =========== */

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



.icon-plus:before {
content: "\e601";
}

.icon-arrow-up:before {
content: "\e602";
}

.icon-arrow-up:before {
content: "\e603";
}

.icon-arrow-right:before {
content: "\e604";
}

.icon-uniE605:before {
content: "\e605";
}

.icon-pictures:before {
content: "\e606";
}

.icon-arrow-left:before {
content: "\e600";
}

.icon-arrow-down:before {
content: "\e607";
}

.icon-arrow-left2:before {
content: "\e608";
}

.icon-arrow-down:before {
content: "\e60a";
}

.icon-play:before {
content: "\e609";
}

.icon-iconmonstr-smartphone-9-icon:before {
content: "\e60b";
}

.icon-iconmonstr-location-16-icon:before {
content: "\e60c";
}

.icon-iconmonstr-email-icon:before {
content: "\e60d";
}

.icon-iconmonstr-shop-4-icon:before {
content: "\e60e";
}

.icon-iconmonstr-newspaper-7-icon:before {
content: "\e60f";
}

.icon-iconmonstr-location-icon:before {
content: "\e610";
}

.icon-iconmonstr-phone-icon:before {
content: "\e611";
}

.icon-iconmonstr-printer-6-icon:before {
content: "\e612";
}



/***************** TITRES *****************/

#contenu #contenu-gauche h1,

#contenu #contenu-gauche h2,

#contenu #contenu-gauche h3,

#contenu #contenu-gauche h4,

#contenu #contenu-gauche h5,

#contenu #contenu-gauche p,

#contenu #contenu-gauche ul li,

#contenu .ideo_cnt_blocFormulaire label {
font-family: 'Open Sans', Arial,Helvetica,sans-serif;
}



#contenu #contenu-gauche h1,

#contenu #contenu-gauche h2 {
font-weight: 700;
}



#contenu #contenu-gauche h3,

#contenu #contenu-gauche h4,

#contenu #contenu-gauche h5 {
font-weight: 400;
}



#contenu #contenu-gauche h1 {
font-size: 2em;
}



#contenu #contenu-gauche h2 {
font-size: 1.6em;
}



#contenu #contenu-gauche h3 {
font-size: 1.4em;
padding-left: 0.5em;
text-transform: none;
font-variant: normal;
}



#contenu #contenu-gauche h4 {
font-size: 1em;
}



#contenu #contenu-gauche h5 {
font-size: 0.8em;
}



#contenu #contenu-gauche p,

#contenu #contenu-gauche ul li {
font-size: 1.2em;
line-height: 1.4em;
}

#contenu #contenu-gauche ul li {
margin-bottom: 1em;
}
/***************** CONTAINER *****************/

#container {
position:relative;
min-height:100%;
width:988px;
margin:0 auto;
}

/***************** HEADER *****************/

#headerNoFlash {
width:988px;
height:600px;
float:left;
position:relative;
}



#headerNoFlash #Logo {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    text-decoration: none;
width:252px;
height:140px;
position: absolute;
top: 0;
left: 0;
background: #FFFFFF;
}

#headerNoFlash #Logo #Txt1 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    color: #5b5b59;
    font: normal 30px/1em 'antique-olive', Arial,Helvetica,sans-serif;
    text-decoration: none;
top: 10px;
left: 70px;
position:absolute;
display:block;
text-transform:uppercase;
}



#headerNoFlash #Logo #FormLogo {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
width:110px;
height:110px;
background:url(../../charte/images/logo.png) center center no-repeat;
position:absolute;
left:20px;
top: 20px;
opacity: 1;
}

#headerNoFlash #Logo:hover #Txt1 {
    left: 15px;
top: 30px;
font-size: 40px;
}

#headerNoFlash #Logo:hover #FormLogo{
    opacity: 0;
}



/***************** GALERIE HEADER *****************/

#headerNoFlash #encartTop {
width:350px;
height:40px;
position: absolute;
top: 0;
right: 0;
}



/***************** GALERIE HEADER *****************/

#headerNoFlash #galerieHeader {
float:left;
width:736px;
height:330px;
margin-top: 200px;
}



/***************** ENCART HEADER *****************/

#headerNoFlash #encartHeader {
float:left;
width:252px;
height:330px;
background: #FFFFFF;
margin-top: 200px;
}



/***************** ENCART SLOGAN *****************/

#headerNoFlash #encartSlogan {
float:left;
width:944px;
height:60px;
padding: 10px 22px 0;
background: #c7c7c7;
}



#headerNoFlash #encartSlogan p {
font: 400 22px/1em 'Open Sans', Arial,Helvetica,sans-serif;
color: #FFFFFF;
float: left;
}



#headerNoFlash #encartSlogan p span {
font: 700 22px/1em 'Open Sans', Arial,Helvetica,sans-serif;
color: #ba272d;
}



#headerNoFlash #encartSlogan #btnContact {
cursor:pointer;
position:relative;
overflow:hidden;
display:block;
text-align:center;
text-decoration:none;
border: 1px solid #C7C7C7;
width: 208px;
height: 48px;
margin: 0;
float:right;
background:#ba272d; 

/*Transition*/

-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
-ms-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}

#headerNoFlash #encartSlogan #btnContact span {
display:block;
width: 48px;
height: 48px;
font-size: 40px;
color: #FFFFFF;
text-align: center;
line-height: 46px;
float: left;
margin: 0 10px 0 5px;
/*Transition*/

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition :all 300ms ease-out;
transition: all 300ms ease-out;
}



#headerNoFlash #encartSlogan #btnContact .btnContent {
overflow:hidden;
width: 135px;
height: 48px;
text-align:center;
/*Transition*/

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}



#headerNoFlash #encartSlogan #btnContact .btnContent h2 {
margin:0;
padding:0;
border:0;
font: 700 20px/48px 'Open Sans', Arial,Helvetica,sans-serif;
color:#FFFFFF;
/*Transition*/

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}



#headerNoFlash #encartSlogan #btnContact:hover {
background: #C7C7C7;
border: 1px solid #5b5b59;
width: 208px;
height: 48px;
}



#headerNoFlash #encartSlogan #btnContact:hover span {
color:#5b5b59;
}



#headerNoFlash #encartSlogan #btnContact:hover .btnContent h2 {
color:#ba272d;
}



/***************** MENU TOP *****************/

#menuTop {
position:absolute;
left:0;
top: 150px;
z-index:10;
width:988px;
height:46px;
list-style:none;
border-bottom: 4px solid #ba272d;
text-align: center;
}

#menuTop li {
display: inline-block;
}

#menuTop a {
text-decoration:none;
font:700 14px/46px 'Open Sans', Arial, Helvetica, sans-serif;
color:#5b5b59;
padding: 0 0.5em;
text-align:center;
display:block;
height:46px;
overflow:hidden;
text-transform: none;
/*Transition*/

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}

#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {
color: #FFFFFF;
background: #ba272d;
}

/***************** SOUS MENU */

#menuTop li ul {
list-style:none;
position:absolute;
width:180px;
top:-6000px;
left:0;
background:#790000;
border:solid #FFF;
border-width:4px 0 0 0;
padding:5px 0;
}

#menuTop li li {
float:none;
}

#container #menuTop li li a {
background:none;
width:auto;
position:relative;
height:25px;
font:15px/25px 'Abel', Arial, Helvetica, sans-serif;
text-transform:none;
color:#FFF;
text-decoration:none;
border:none;
text-transform:uppercase;
padding-left:10px;
}

#container #menuTop li li a:hover {
background:#333333;
border:none;
color:#FFF

}

/***************** CONTENU *****************/

#contenu_bg {
float:left;
width:988px;
}

#contenu {
float:left;
width:944px;
padding:22px;
height: 300px;
min-height: 300px;
height: auto !important;
}

#contenu-gauche {
float:left;
width: 944px;
}

#contenu-droite {
display: none;
}

/***************** BOUTON DE RETOUR EN HAUT DE PAGE *****************/

#btn_up {
position:absolute;
cursor: pointer;
z-index: 100;
top: -34px;
left: 50%;
margin-left: -36px;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition:  all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
width:62px;
height:30px;
background:#ba272d url(../../charte/images/btn_up.png) center center no-repeat;
}



#btn_up:hover {
background:#333333 url(../../charte/images/btn_up.png) center center no-repeat;
}



/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer {
clear:both;
}

#clearFooter {
height:60px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#containerfooter {
position:relative;
clear:both;
width:100%;
height:60px;
margin:-60px 0 0;
background: #e1e1e1;
}

#footer {
position:relative;
width:988px;
height:56px;
margin:0 auto;
font:9px/15px Arial, Helvetica, sans-serif;
color:#333333;
border-top: 4px solid #ba272d;
}

#linkeo {
position:absolute;
left:0;
top: 15px;
width:300px;
height:30px;
line-height:10px;
color:#ccc;
}

#linkeo img {
float:left;
margin:4px 10px 0 10px;
}

#footer #linkeo a.linkeo {
text-decoration:none;
font:9px Arial, Helvetica, sans-serif;
color:#333333;
}

#footer #linkeo a:hover.linkeo {
text-decoration:none;
color:#000;
}

/******************* STYLE FOOTER *****************/

#footer p {
font:10px/30px Arial, Helvetica, sans-serif;
color:#333333;
text-align:right;
padding: 15px 10px 0 0;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#000;
}

#footer a:hover, #footer a:active {
text-decoration:underline;
color:#000;
}

/********************* STYLES BANNIERES DE PUBS ***************/



#pub468 {
width:468px;
height:60px;
position:absolute;
top:5px;
left:50%;
margin-left:-234px;
z-index:100;
border: 1px solid #FFFFFF;
}

#pub468 img {
padding:0 !important;
margin:0 !important;
border:0 !important;
}

#pub180 {
width:180px;
height:150px;
float:right;
margin-left:15px;
border: 1px solid #FFFFFF;
}

#pub180 img {
padding:0 !important;
margin:0 !important;
border:0 !important;
}



/**/