/* ============= CSS Document CASP V3.0 ============== */
/*----------------------RESET--------------------*/
html, body, div, span, applet, object, iframe, hr, 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, 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; font-size: 100%; font-weight: inherit; font-style: inherit; font-family: inherit; color: inherit; text-decoration: none; vertical-align: baseline; outline: none; }
ol, ul { list-style: none }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* HTML5 Display*/
article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video { display: block; margin: 0; padding: 0; border: 0; }
abbr, eventsource, mark, meter, time, progress, output, bb { display: inline; margin: 0; padding: 0; border: 0; }

/*--------------------GENERALE-------------------*/
@font-face { font-family: 'TeXGyreAdventorBold'; src: url('INC/font/texgyre-bold.eot'); src: local('?'), url('INC/font/texgyre-bold.woff') format('woff'), url('INC/font/texgyre-bold.ttf') format('truetype'), url('INC/font/texgyre-bold.svg#texgyre-bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TeXGyreAdventor'; src: url('INC/font/texgyre-regular.eot'); src: local('?'), url('INC/font/texgyre-regular.woff') format('woff'), url('INC/font/texgyre-regular.ttf') format('truetype'), url('INC/font/texgyre-regular.svg#texgyre-regular') format('svg'); font-weight: normal; font-style: normal; }
.typo { font-family: 'TeXGyreAdventor', Arial, Helvetica; font-weight: normal; font-style: normal; }
.typobold { font-family: 'TeXGyreAdventorBold', Arial, Helvetica; font-weight: normal; font-style: normal; }
.alert p { position: absolute; z-index: 100; top: -10px; width: 611px; margin-left: 200px; background-color: #CC3300; color: #fff; padding: 15px 10px 8px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 3px 5px #91804c; -moz-box-shadow: 0 3px 5px #91804c; box-shadow: 0 3px 5px #91804c; }
.alert a { color: #660000; font-weight: bold; }
.grand{ font-size: 1.4em;}

/*--------------------STRUCTURE GLOBAL-------------------*/
html { width: 100%; height: 100%; background-color: #90834C; background: url(IMG/fond_motif.jpg) repeat; }
body { width: 100%; height: 100%; background: url(IMG/fond_motif_degrade.jpg) repeat-x; font-family: Arial, Helvetica; font-size: 0.86em; color: #3c3422; }
#fond { position: relative; width: 100%; min-height: 100%; width: 924px; margin: 0 auto; background: url(IMG/fond_texture.gif) repeat-y; }

/*--------------------ENTETE-------------------*/
#entete { position: relative; z-index: 10; height: 199px; background: url(IMG/fond_entete.gif) no-repeat; }
#entete strong { position: absolute; top: 62px; left: 216px; font-size: 2.1em; color: #edecce; }
#lang { position: absolute; top: 10px; right: 10px; }

/*--------------------MENU-------------------*/
#menu { position: relative; z-index: 11; height: 56px; background: url(IMG/fond_menu.gif) no-repeat; height: 56px; }
#casp { position: absolute; z-index: 13; top: -102px; right: -20px; }
#casp_logo { position: absolute; z-index: 13; top: -65px; left: 56px; }
#ombre { position: absolute; z-index: 12; top: 0px; left: 9px; width: 924px; height: 4px; background: url(IMG/ombre.png) repeat-x; }
#cache { position: absolute; z-index: 12; top: -86px; left: 4px; background-color: #A0B71E; background: -moz-linear-gradient(left, #A0B71E 0%, #AEC62A 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#A0B71E), color-stop(100%,#AEC62A)); width: 900px; height: 86px; }
#fleche_liste { position: absolute; z-index: 13; top: -30px; padding-left: 220px; }
.fleche { height: 75px; width: 63px; display: inline-block; margin: 0px 2px 0px 1px; padding-left: 52px}
.off { background: url(IMG/fleche_off.png) no-repeat 50% 0% }
.on { background: url(IMG/fleche_on.png) no-repeat 50% 0% }
#couleur { padding-left: 220px;}
#couleur li { width: 118px; height: 36px; position:relative; margin: 0px 2px 0px 1px; top: -24px; display: inline-block; padding-top: 26px; text-align: center; font-size: 1.4em; color: #FFFFFF; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 1px 2px #91804c; -moz-box-shadow: 0px 1px 2px #91804c; box-shadow: 0px 1px 2px #91804c; }

/*--------------------CONTENU-------------------*/
#contenu { z-index: 12; position: relative; }
#col_gauche { width: 165px; float: left; padding: 0px 10px 10px 20px; }
#address { position: relative; width: 106px; min-height: 100px; margin: -40px 0px 0px 50px; padding: 6px 0px 0px 0px; background-color: #d0c88b; -webkit-border-radius: 53px; -moz-border-radius: 53px; border-radius: 53px; }
.mail { position: absolute; top: -35px; left: -35px; }
#devis { font-size: 1.7em; line-height: 84%; }
#tel { font-size: 1.1em; color: #826D43; line-height: 94%; }
#plus_bis { position: relative; z-index: 14; margin: 0 0 0 120px; }
#devis_plus_conteneur{ margin:-45px 0 0 0;}
#devis_hide{margin:0 0 10px 0;}
#devis_plus { position: relative; z-index: 13; color: #edecce; width: 142px; padding: 8px 10px 8px 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #A0B71E; background: -moz-linear-gradient(left, #A0B71E 0%, #AEC62A 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#A0B71E), color-stop(100%,#AEC62A)); -webkit-box-shadow: 1px 0px 3px #91804c; -moz-box-shadow: 1px 0px 3px #91804c; box-shadow: 1px 0px 3px #91804c; }
#devis_plus a { font-weight: bold; color: #3c3422 }
#devis_plus a:hover { border-bottom: 2px dotted #f45915 }
#col_gauche h1 { width: 137px; position: relative; z-index: 14; padding: 0px 0px 0px 10px; font-size: 1.7em; line-height: 84%; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }
#col_droite { width: 724px; float: left; }
article { position: relative; margin: 0 0 15px 0; }
article h2 { position: relative; height: 27px; background: url(IMG/article_haut.png) no-repeat; padding: 0px 14px 0px 22px; font-size: 1.4em; }
.chapeau { position: relative; z-index: 2; }
.chapeau_ombre { color: #826D43; position: relative; margin: 0px 75px 5px 0px; padding: 0px 14px 10px 22px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background: #d1C88E; background: -moz-linear-gradient(left, #c9c087 0%, #d1c88e 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c9c087), color-stop(100%,#d1c88e)); }
.chapeau_ombre p { margin: 0 0 3px 0 }
.chapeau_ombre p a{ color: #f45915 }
.chapeau_ombre p a:hover{ border-bottom: 2px dotted #3c3422}
.chapeau_ombre:before, .chapeau_ombre:after { -webkit-box-shadow: 0 15px 10px #91804c; -moz-box-shadow: 0 15px 10px #91804c; box-shadow: 0 15px 10px #91804c; position: absolute; margin: 0 0 0 0; bottom: 18px; z-index: -2; width: 58%; height: 15%; content: ""; }
.chapeau_ombre:after { -webkit-transform: rotate(1.5deg); -moz-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); right: 2px; left: auto; }
.chapeau_ombre:before { -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); -o-transform: rotate(-1.5deg); right: auto; left: 2px; }
.plus { position: absolute; z-index: 3; margin-top: -10px; right: 100px; }
.texte { position: relative; z-index: 1; }
.texte_ombre { position: relative; color: #edecce; margin: 0px 75px 0px 0px; padding: 10px 14px 10px 22px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #A0B71E; background: -moz-linear-gradient(left, #A0B71E 0%, #AEC62A 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#A0B71E), color-stop(100%,#AEC62A)); }
.texte_col { padding:0 0 2px 0; -moz-column-count: 2; -webkit-column-count: 2;  -o-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px;  -o-column-gap: 10px; column-gap: 10px; }
.texte_col p { margin: 0 0 8px 0 }
.texte_col p a { font-weight: bold; color: #3c3422 }
.texte_col p a:hover { border-bottom: 2px dotted #f45915 }
.texte_ombre:before, .texte_ombre:after { -webkit-box-shadow: 0 15px 10px #91804c; -moz-box-shadow: 0 15px 10px #91804c; box-shadow: 0 15px 10px #91804c; position: absolute; bottom: 15px; z-index: -1; width: 58%; height: 20%; content: ""; }
.texte_ombre:after { -webkit-transform: rotate(1.5deg); -moz-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); right: 2px; left: auto; }
.texte_ombre:before { -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg); -o-transform: rotate(-1.5deg); right: auto; left: 2px; }
.box { display: inline-block; }
.gal { padding: 8px 0 4px 0 }
a.box img.gal_doc { -webkit-box-shadow: 2px 5px 10px #91804c; box-shadow: 2px 5px 10px #91804c; opacity: 1; }
a.box:hover img.gal_doc { opacity: 0.7; -webkit-box-shadow: none; box-shadow: none; }
.texte_fond{margin: 20px 75px 0 0}
.texte_fond h2{height:auto;margin: 0;font-size: 1.3em;padding: 0 0 0 5px; background-image: none;}
.texte_fond h3{height:auto;margin: 0;background: none;font-size: 1em;padding: 0 0 5px 5px;color: #433B26}

/*--------------------ARTICLE-------------------*/
.spip_code{ font-style: italic; color: #2279BD;}
.plus_blog { position: absolute; z-index: 3; margin-top: -10px; right: 100px; }
.texto{ margin: 0px 75px 5px 0px;}
.texto p{ padding: 10px 14px 10px 22px;}
.texto a{ color: #DF6F04}
.texto a:hover{ text-decoration: underline}
.li_blog { margin: 50px 0 0 0; }
.li_blog li { display: block; border-bottom: 1px solid #9B915C}
.li_blog li:last-child { border-bottom: none}
.li_blog li a{ display: block; padding:10px 5px; background-color: #D0C88B;}
.li_blog li a:hover{ background-color: #E9A047;}
.typo a:hover{color: #EDECCE}

/*--------------------PIED-------------------*/
#push { height: 152px; clear: both; }
#pied { position: absolute; bottom: 0; height: 132px; width: 100%; background: url(IMG/fond_pied.gif) no-repeat; }
#social { position: absolute; top: -10px; left: 40px; }
#menu_bas { text-align: center; padding: 78px 0px 0px 0px; }
.lien_menu_bas { color: #AE9B6E; display: inline-block; height: 23px; padding-top: 6px; }
.lien_menu_bas:hover { background-color: #50482e }
#menu_bas li { display: inline }
#liens { position: absolute; right: 45px; bottom: 23px; }

/*--------------------COLORBOX--------------*/	
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* User style */
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{padding:0 0 48px 0;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(IMG/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
		#cboxInfo { position:absolute; bottom:0; height:38px; width:100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #2F2B20; background: -moz-linear-gradient(top, #2F2B20 0%, #1C1505 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F2B20), color-stop(100%,#1C1505)); opacity: 0.9; border: 1px solid #303030;}
        #cboxTitle{ position:absolute; bottom:6px; left:8px; color:#767358; font-size: 0.83em; margin:0 80px 0 0;}
        #cboxTitle a:hover{text-decoration: underline;}
		#cboxTitle h3 { font-size: 1.1em; color: #C4C29D; }
		#cboxTitle h3 a span { font-size: 0.9em; color: #F45913; }
        #cboxCurrent{ position:absolute; bottom:3px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; bottom:3px; background:url(IMG/controls.gif) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}