@charset "UTF-8";
/* CSS Document */
/*Last edited 24 September, 2008 */

/* CSS General Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
	
/* define individual focus styles elsewhere */
:focus {outline: 0;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
}

body {
	height: 100%;
	font:14px 'Arimo';
	color:#1a1a1a;
	background-color:#f1f1f1;
}

h1
{
    margin:40px 0;
}

h2
{
    font:bold 24px Montserrat;
    color:#181818;
    margin-bottom:14px;
}

h2.apropos
{
    margin-bottom:0;
}

img {border:0;}
.clear {clear:both;}
p {margin:14px 0;}

a:link {color:#83b817; text-decoration:none;}
a:visited {color:#83b817; text-decoration:none;} 
a:hover {color:#83b817; text-decoration:underline;} 
a:active {color:#83b817; text-decoration:none;} 

.superglobal
{
	position : relative;
	min-height: 100%;
}

.global
{
	position: relative;
    min-height: 100%;
	margin: 0 auto;
	padding-bottom:290px;
	width: 950px;
}

.superglobal .entete
{
    height:38px;
    background-color:#2b2b2b;
}

.entete .menuEntete
{
    width:950px;
    margin:0 auto;
}

.menuEntete ul
{
    padding:4px 0 0 0;
    margin:0;
}

.menuEntete li
{
    margin:6px 10px 0 0;
    padding:2px 10px 2px 0;
    display:inline-block;
    float:right;
    border-right:1px solid #797979;
    font:14px 'Arimo';
    color:#d9d9d9;
}

.menuEntete li.numeroTel
{
    font:bold 20px 'Open Sans';
    color:#83b817;
    padding-left:24px;
    margin-top:0;
    border:none;
    background:url(../images/entete/icon_numeroTel.gif) no-repeat 0 8px;
}

.menuEntete li a
{
    display:block;
    color:#d9d9d9;
    text-decoration:none;
}

.menuEntete li a:hover, .menuEntete li a.active, .menuEntete li a.active:hover
{
    color:#83b817;
}

.global .logoEntete
{
    width:300px;
    float:left;
    margin-top:15px;
}

.global .menuPrincipal
{
    width:650px;
    float:right;
    margin-top:60px;
}

.menuPrincipal ul
{
    padding:4px 0 0 0;
    margin:0;
}

.menuPrincipal li
{
    margin:0 0 0 25px;
    padding:0;
    display:inline-block;
    float:right;
    font:bold 18px 'Montserrat';
    text-transform:uppercase; 
}

.menuPrincipal li a
{
    display:block;
    color:#353535;
    text-decoration:none;
}

.menuPrincipal li a:hover
{
    color:#83b817;
}

.menuPrincipal li a.active, .menuPrincipal li a.active:hover
{
    padding-bottom:3px;
    color:#353535;
    border-bottom:2px solid #83b817;
}

.piedPage
{
	position: absolute;
	bottom: 0px;
	height: 211px;
	width: 100%;
	border-bottom:7px solid #83b817;
	background:#1a1a1a url(../images/piedpage/fond.jpg) no-repeat center bottom;
}

.contenuPiedpage
{
    width:950px;
    margin:0 auto;
    position:relative;
}

.contenuPiedpage .numeroRBQ
{
    background-color:#424242;
    font:13px Arimo;
    color:#a6a6a6;
    position:absolute;
    right:0;
    top:-30px;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    padding:0 12px;
    
    -moz-border-radius: 8px 8px 0  0 ;
    -webkit-border-radius: 8px 8px 0  0 ;
    border-radius: 8px 8px 0  0 ;
}

.contenuPiedpage .menuPiedpage
{
    width:275px;
    float:left;
    margin-top:48px;
}

.menuPiedpage h2
{
    font:bold 14px Arimo;
    color:#83b817;
    text-transform:uppercase;
    margin-bottom:12px;
}

.menuPiedpage ul
{
    margin:0;
    padding:0;
}

.menuPiedpage li
{
    margin:0 0 5px 0;
    padding:0;
}

.menuPiedpage li a
{
    color:#f1f1f1;
}

.contenuPiedpage .colonneCoordonees
{
    width:200px;
    float:left;
    margin-top:40px;
}

.colonneCoordonees p
{
    font:16px Arimo;
    color:#f1f1f1;
    line-height:20px;
}

.colonneCoordonees p.telCourriel
{
    margin:28px 0 0 0;
    font:15px 'Open Sans';
}

.colonneCoordonees p.telCourriel b
{
    font:bold 20px 'Open Sans';
    color:#f2f2f2;
    background:url(../images/piedpage/icon_numeroTel.gif) no-repeat 0 8px;
    padding-left:25px;
}

.colonneCoordonees p.telCourriel a
{
    font:15px 'Open Sans';
}

.contenuPiedpage .colonneLiens
{
    width:241px;
    float:right;
    margin-top:35px;
}

.colonneLiens .btSoutien, .colonneLiens .btFacebook
{
    width:241px;
    height:53px;
    background:url(../images/piedpage/btSoutien.jpg) no-repeat top left;
}

.colonneLiens .btSoutien:hover
{
    background:url(../images/piedpage/btSoutien_over.jpg) no-repeat top left;
}

.colonneLiens .btFacebook
{
    height:60px;
    margin-top:25px;
    background:url(../images/piedpage/btFacebook.jpg) no-repeat top left;
}

.colonneLiens .btFacebook:hover
{
    background:url(../images/piedpage/btFacebook_over.jpg) no-repeat top left;
}

.colonneLiens .btSoutien a, .colonneLiens .btFacebook a
{
    height:53px;
    display:block;
}

.reseauxSociaux .btFacebook a
{
    height:60px;
}

/* Accueil
---------------------- */
#promoAccueil
{
    width:950px;
    height:335px;
    margin:30px 0 20px 0;
    position:relative;
}

.slideshow {
    width:950px;
    height:335px;
}

#nav {
    margin: 5px 0;
    position: absolute;
    z-index: 100;
    left:70px;
    bottom:70px;
}

#nav a {
    margin: 0 2px;
    padding: 3px 7px 10px 7px;
    text-decoration: none;
    font-size:1px;
    color:#2b2b2b;
    background:url(../images/accueil/bt.png) no-repeat top left;
}

#nav a:hover {
    background:url(../images/accueil/bt_over.png) no-repeat top left;
}

#nav a.activeSlide 
{
    color:#f1f1f1;
    background:url(../images/accueil/bt_active.png) no-repeat top left;
}

#nav a:focus {
    outline: none;
}

.colonneAccueil
{
    width:270px;
    float:left;
    margin-right:55px;
}

.colonneAccueil h1
{
    font:bold 21px 'Montserrat';
    color:#1d1d1d;
    margin:0;
}

.colonneAccueil .imgAccueil
{
    margin:14px 0;
}

.colonneAccueil .imgAccueil img
{
    width:260px;
    height:90px;
    border:5px solid #b0b0b0;
}

.colonneAccueil p
{
    font:16px Arimo;
    color:#1a1a1a;
    margin-bottom:20px;
}

.colonneAccueil .btDetails a
{
    width:90px;
    height:31px;
    display:block;
    background:url(../images/accueil/btDetails.gif) no-repeat top left;
}

.colonneAccueil .btDetails a:hover
{
    background:url(../images/accueil/btDetails_over.gif) no-repeat top left;
}

.colonneDemande
{
    width:253px;
    height:226px;
    float:right;
    position:relative;
    padding:18px;
    background:url(../images/accueil/fond_soumission.gif) no-repeat top left;
}

.colonneDemande h2
{
    font:bold 22px 'Montserrat';
    color:#1d1d1d;
}

.colonneDemande p
{
    font:16px Arimo;
}

.colonneDemande p.telCourriel
{
    line-height:34px;
    margin-top:6px;
}

.colonneDemande p.telCourriel b
{
    font:bold 30px Arimo;
    line-height:34px;
}

.colonneDemande p.telCourriel a
{
    font:bold 18px Arimo;
}

.colonneDemande .imgTrombone
{
    position:absolute;
    top:-15px;
    right:-8px;
}

/* ZONE CLIENT
---------------------- */
.listeZoneClient ul
{
    margin:0 0 30px 0;
    padding:0;
}

.listeZoneClient li
{
    margin:0 0 5px 0;
    padding:0;
    font:16px Arimo;
}

.listeZoneClient li em
{
    font:italic 14px Arimo;
    color:#8a8a8a;
}

li.pdf
{
    background:url(../images/zone_client/pdf.gif) no-repeat top left;
    padding-left:22px;
}

.listeZoneClient li a:link {color:#2157b9; text-decoration:none;}
.listeZoneClient li a:visited {color:#2157b9; text-decoration:none;} 
.listeZoneClient li a:hover {color:#2157b9; text-decoration:underline;} 
.listeZoneClient li a:active {color:#2157b9; text-decoration:none;} 

/* À PROPOS
---------------------- */
.txtApropos
{
	width:570px;
    float:left;
}

.txtApropos p
{
    font:17px Arimo;
}

.photoApropos
{
    width:330px;
    float:right;
    text-align:right;
    margin-top:-30px;
}

/* SERVICES
---------------------- */
.listeServices ul
{
    margin:0;
    padding:0;
}

.listeServices li
{
    margin:0 0 20px 0;
    padding:0 0 40px 0;
    border-bottom:2px dotted #2c292d;
}

.listeServices li h2
{
    margin-bottom:0px;
}

.listeServices li .txtService
{
    width:545px;
    float:left;
}

.listeServices li .txtService p
{
    font:16px Arimo;
    line-height:20px;
}

.listeServices li .txtService ul
{
    margin:0;
    padding:0;
}

.listeServices li .txtService li
{
    margin:0 0 12px 0;
    padding:0 0 0 12px;
    border:none;
    font:16px Arimo;
    background:url(../images/services/puce.gif) no-repeat 0 4px;
}

.listeServices li .imgService
{
    width:345px;
    float:right;
    text-align:right;
}

.listeServicesBas ul
{
    margin:0;
    padding:0;
}

.listeServicesBas li
{
    margin:0 0 0 13px;
    padding:0;
    background:url(../images/services/fond_services.gif) no-repeat top left;
    width:268px;
    float:left;
    display:inline-block;
    height:338px;
    padding:20px;
}

.listeServicesBas li:first-child
{
    margin:0;
}

.listeServicesBas li h2
{
    margin-top:20px;
    height:54px;
    font:bold 20px Montserrat;
}

.listeServicesBas li p
{
    font:16px Arimo;
    margin:0;
}

/* NOUS JOINDRE
---------------------- */

.photoNousjoindre
{
    width:330px;
    float:right;
    text-align:right;
    margin-top:-30px;
}

.txtApropos .signatureDavid
{
    margin-top:30px;
}

.txtApropos p.telCourriel
{
    line-height:34px;
    margin-top:6px;
}

.txtApropos p.telCourriel b
{
    font:bold 30px Arimo;
    line-height:34px;
}

.txtApropos p.telCourriel a
{
    font:bold 18px Arimo;
}

.txtApropos .adresse
{
    width:430px;
    border-top:1px solid #c1c1c1;
    border-bottom:1px solid #c1c1c1;
    font:16px Arimo;
    padding:54px 0 34px 110px;
    background:url(../images/nous_joindre/enveloppe.gif) no-repeat center left;
    margin-top:40px;
}