/* CSS Document */

#niveau1 { background:#bd0926; }
#menu-responsive { background:#bd0926; }

#pave_interne {background:#bd0926;height:100%;}
/* ============================= main layout ====================== */

#faque li { background:url(../images/marker.gif) no-repeat 0 7px; padding-left:17px; line-height:2.16666em;}
#faque li a {color:#666666;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent1 {margin:0 30px 0 0; float:left;}

h2 {font-size:2.75em; line-height:1.2em; color:#535353; padding-bottom:17px;}
h3 {font-size:1.916em; line-height:1.2em; color:#6a6a6a; padding:5px 0 10px 0;}

h4 {font-size:1.1666em; line-height:1.2em;text-transform:uppercase; display:inline-block; }
h4 strong {display:inline-block; padding:0 4px 0 4px; background:url(../images/h-right-bg.gif) right top no-repeat;}
h4 strong strong {padding:6px 4px 6px 4px; background:url(../images/h-tail-bg.gif) left top repeat-x;}
/* ============================= header ====================== */
#page1 #header {height:auto;}

.logo {padding:10px 0 15px 0px; float:left;}

.date {color:#ffffff; display:inline-block; float:left; padding:4px 0 0 0px; font-size:0.800em;}

.sub-enseigne {	position:absolute; width:400px; height:45px; margin-left:600px; margin-top:18px; text-align:right;}

.sub-menu-lang {float:right; width:800px; padding:10px 0 0 0;}

.sub-menu {float:right; width:800px; padding:82px 0 0 0;}
.sub-menu li {float:right; line-height:1.2em; padding:0 20px 0 18px;}
.sub-menu li a {text-decoration:none; color:#858585; display:block;}
.sub-menu li a:hover {text-decoration:underline;}

.sub-menu .bg1 {background:url(../images/sud-menu-li-bg1.gif) left 1px no-repeat;}
.sub-menu .bg2 {background:url(../images/sud-menu-li-bg2.gif) left 1px no-repeat;}
.sub-menu .bg3 {background:url(../images/sud-menu-li-bg3.gif) left 1px no-repeat; padding-right:0px;}

.menu { background:#bd0926; }
.menu-left {}
.menu-right {width:100%;}
.menu-right ul { margin-bottom:0px;}
.menu-right li {float:left; text-transform:uppercase; line-height:16px;}
.menu-right li a {text-decoration:none; color:#ffffff; display:inline-block; cursor:pointer;font-size:17px !important;}
.menu-right li a strong {padding:0 17px 0 17px; display:inline-block;}
.menu-right li a strong strong {padding:30px 0px 30px 0px;}
.menu-right .last {background:none; padding-right:0px;}
.menu-right li a:hover, .menu-right .active a { background:#05368c;color:#fff;}
.menu-right li a:hover strong, .menu-right .active a strong {}
.menu-right li a:hover strong strong, .menu-right .active a strong strong {}


#menu-responsive { background:#bd0926; }
#menu-responsive ul { margin-bottom:0px;}
#menu-responsive li { text-transform:uppercase; line-height:16px;}
#menu-responsive li a {text-decoration:none; color:#fff; display:inline-block; cursor:pointer;font-size:17px !important;}
#menu-responsive li a strong {padding:0 17px 0 17px; display:inline-block;}
#menu-responsive li a strong strong {padding:15px 0px 15px 0px;}
#menu-responsive .last {background:none; padding-right:0px;}
#menu-responsive li a:hover, #menu-responsive .active a { background:#bd0926;color:#dedede;}
#menu-responsive li a:hover strong, #menu-responsive .active a strong {}
#menu-responsive li a:hover strong strong, #menu-responsive .active a strong strong {}

.header-box {width:242px; float:left; background:url(../images/header-box-bg.gif) left top no-repeat;}
.header-box .indent {padding:5px 6px 26px 6px;}
.none {margin-right:0px;}
.header-link {display:inline-block; color:#000; line-height:1.2em; background:url(../images/header-marker.gif) left 3px no-repeat; padding-left:16px; margin:22px 0 0 6px;}
.header-link a {font-weight:bold; color:#000;}
.relative {position:relative; padding-top:6px;}

.link-left, .link-right {position:absolute; }
.link-left {margin:98px 0 0 -26px;}
.link-right {margin:98px 0 0 945px;}
/* ============================= content ====================== */
.indent {padding:15px 0 55px 0;}

.padding {padding-bottom:45px;}

.col-pad {padding-right:32px;}
.col-pad1 {padding-right:29px;}

.ul-pad {padding-bottom:12px;}

.link {color:#4a4a4a; text-decoration:none; background:url(../images/link-bg.gif) right 8px no-repeat; padding-right:10px; display:inline-block; font-size:1.416em; line-height:1.2em; margin-top:20px;}
.link:hover {padding-right:14px;}
.link-ul {margin-top:14px;}

.border {background:url(../images/border-bg.gif) bottom left repeat-x; padding-bottom:47px; margin-bottom:33px;}

.news {color:#464545; display:inline-block; float:right; padding:5px 15px 0 0;}

.title {font-style:italic; color:#1d1d1d; display:inline-block; padding-bottom:5px;}
.line {line-height:1.5em;}
.line p {padding-top:14px;}

.pad {padding-top:20px;}
.pad1 {padding-top:24px;}
.pad2 {padding-top:16px;}
.pad3 {padding-top:28px;}

.margin {margin-top:12px;}

.link-margin {margin-top:0px;}

.phone {display:inline-block; width:80px;}
/* ============================= footer ====================== */
#footer {background:url(../images/border-bg.gif) left top repeat-x; padding-top:35px;}
#footer .col-1 {width:483px !important;}
#footer .col-2 {width:127px !important;}
#footer .col-3 {width:213px !important;}
#footer em {font-style:normal; color:#bd0926;}
#footer span {font-size:1.300em; color:#bd0926;letter-spacing:-1px; display:inline-block;}
#footer .col-1 a {color:#9c9c9c;}
.title1 {font-size:1.36em; color:#bd0926; line-height:1.2em; padding-bottom:6px; display:block;}

.mail {color:#a1a1a1; text-decoration:none;}
.mail:hover {text-decoration:underline;}
.footer-menu {padding-bottom:10px; width:100%; overflow:hidden;}
.footer-menu li {background:none; float:left; padding:0 20px 0 0; line-height:1.2em;}
.footer-menu li a {color:#a1a1a1; }
.footer-menu li a.current {color:#bd0926 !important }

.links img {margin:6px 6px 0 0;}
/* ============================= forms ============================= */
#SearchForm {float:right;  padding:4px 2px 0 0; color:#adacac;}
#SearchForm span {font-weight:bold; text-transform:uppercase; font-size:1.25em;}
#SearchForm label {background:url(../images/input-bg.png) right top no-repeat; height:25px; display:inline-block;  margin-right:-3px;}
#SearchForm .input {width:145px;  border:none; padding:3px 6px 0px 5px; font-size:0.91em;  vertical-align:top; color:#79938c; line-height:1.2em; margin-left:11px; background:none;}
#SearchForm input {vertical-align:top;}

#ContactForm {padding-top:15px;}
#ContactForm label {height:42px; display:block;}
#ContactForm .link {margin:15px 0 0 40px;}
.alignright {text-align:right;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:239px;}
#ContactForm .input {width:204px; border:1px solid #a09b96; background:none; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em; color:#000;}
#ContactForm .input_cap { text-transform:uppercase;width:204px; border:1px solid #a09b96; background:none; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em; color:#000;}
textarea {width:234px; height:104px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; color:#000;}

#InscriptionForm {padding-top:15px;}
#InscriptionForm label {height:42px; display:block;}
#InscriptionForm .link {margin:15px 0 0 40px;}
.alignright {text-align:right;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:239px;}
#InscriptionForm .input {width:254px; border:1px solid #a09b96; background:#FFF; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em; color:#000;}
#InscriptionForm .input_cap { text-transform:uppercase;width:254px; border:1px solid #a09b96; background:#fff; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em; color:#000;}
#InscriptionForm .select {width:260px; padding:2px; font-size:1.100em; }
textarea {width:234px; height:104px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; color:#000;}


#dataForm {}
#dataForm label {height:42px; display:block;}
#dataForm .link {margin:15px 0 0 40px;}
.alignright {text-align:right;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:239px;}
#dataForm .input {width:254px; border:1px solid #a09b96; background:#FFF; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em; color:#000;}
#dataForm .input_cap { text-transform:uppercase;width:254px; border:1px solid #a09b96; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em; color:#000;}
#dataForm .select {width:260px; padding:2px; font-size:1.100em; }
textarea {width:234px; height:104px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; color:#000;}



#AdrForm {}
#AdrForm label {height:42px; display:block;}
#AdrForm .link {margin:15px 0 0 40px;}
.alignright {text-align:right;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:239px;}
#AdrForm .input {width:254px; border:1px solid #a09b96; background:#FFF; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em; color:#000;}
#AdrForm .input_cap { text-transform:uppercase;width:254px; border:1px solid #a09b96; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em; color:#000;}
#AdrForm .select {width:260px; padding:2px; font-size:1.100em; }
textarea {width:234px; height:104px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; color:#000;}



/*  Carousel */

#loopedCarousel { width:984px; position:relative;}
	#loopedCarousel .next {	width:63px;	height:63px; background:url(../images/button-right.png) no-repeat left top;	position:absolute;	right:-26px !important;	right:-34px;	top:0px; cursor:pointer;}
	#loopedCarousel .next:hover {	background:url(../images/button-right-act.png) no-repeat left top;}
	#loopedCarousel .previous {	width:63px;	height:63px;	background:url(../images/button-left.png) no-repeat left top;	position:absolute;	left:2px;	top:0px; cursor:pointer;}
	#loopedCarousel .previous:hover {	background:url(../images/button-left-act.png) no-repeat left top;}
#loopedCarousel .container {	height:320px;	width:984px; 	overflow:hidden; 	position:relative; }
#loopedCarousel .slides {	position:absolute; 	top:0; 	left:0;}
#loopedCarousel .slides .div {	position:absolute; top:0; width:242px; height:320px; background:url(../images/slide-bg.jpg) no-repeat left top; padding:0; margin:0 }

.fontPanier { font-size:1.0em;}

/* Advanced Menu */
#advanced {position:fixed;	z-index:120;right:-172px;top:160px;background:#bd0926;	padding:20px 16px 20px 18px;width:135px;font-size:12px;	color:#ffffff;-webkit-border-radius: 0px 0 0 6px;-moz-border-radius: 0px 0 0 6px;border-radius: 0px 0 0 6px;behavior: url(../js/PIE.php);}
	#advanced span.trigger {display:block;position:absolute;left:-81px;	top:20px;margin-top:-25px;width:81px;height:52px;background:#fff;cursor:pointer;text-align:center;background:url(../images/panel/adv-trigger_probroc.png) no-repeat 0 0;}
		#advanced span.trigger strong {display:block; padding:4px 0 0 0;}
		#advanced ul li {background:url(../images/panel-arrow.gif) no-repeat 0 6px;padding:0 0 0 13px;font-size:12px;	}
		#advanced ul li.trigger_adv {padding:0 0 0 0;}
			#advanced ul li.trigger_adv > span {background:url(../images/panel-arrow2.gif) no-repeat 100% 8px #636363;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 20px 0 12px;color:#dfdfdf;font-weight:bold;display:inline-block;behavior: url(../js/PIE.php);}
			
		#advanced ul li a {color:#4393d0;text-decoration:none;}
		#advanced ul li a:hover {text-decoration:underline;}
		#advanced ul ul {margin-left:13px;}
			#advanced ul ul li {font-size:11px;background:url(../images/panel-arrow1.gif) no-repeat 0 7px;}
			#advanced ul ul a {text-transform:capitalize;color:#dfdfdf;}
			#advanced ul ul ul {margin-left:8px;}
			#advanced ul ul ul li {	background:none;}
			#advanced ul ul ul li a {color:#939393;}


#map_canvas {width:290px;height:350px;overflow:hidden;margin-top:20px;}

.slogan { font-size:2.500em; color:#bd0926; letter-spacing:-1px; }
.menu_catalogue { background:#bd0926; height:35px; width:100%; margin-bottom:5px; border-bottom:5px #dedede solid; }
.catalogue { background:#bd0926; height:35px; margin-bottom:5px; border-bottom:5px #dedede solid;}
.titre_catalogue { color:#FFF; margin:5px 0 0 10px; display:inline-block;}
.hr {display:block;position:relative;padding:20px 0 30px 0;border:none;background:url(../images/hr.gif) 0 50% repeat-x;	height:2px;overflow:hidden;font-size:12px;margin:0 0px 0 0;	}
.hr a {position:absolute;right:0;top:5px;text-transform:uppercase;text-decoration:none;background:url(../images/arrow-top.png) no-repeat 0 10px;padding-left:13px;color:#bd0926;}
.hr a:hover { color:#666;}
.button1 {	display:inline-block;background:#bd0926;padding:10px 14px 10px 14px;font-size:1.5384em;text-transform:uppercase;line-height:1.2307em;text-decoration:none;color:#fff;}
.button1:hover {color:#000;}
.button2 {display:inline-block;background:url(../images/button2-bg.gif) left top repeat-x #c6c6c6;padding:10px 20px 10px 20px;font-size:14px;line-height:1.2307em;text-decoration:none;color:#000;margin-top:32px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 2px 2px 0px #b7b7b7;-moz-box-shadow: 2px 2px 0px #b7b7b7;-webkit-box-shadow: 2px 2px 0px #b7b7b7;behavior: url(../js/PIE.php);position: relative;}
.button2:hover {background:#c6c6c6;}
.button3 {display:inline-block;font-size:0.769em;line-height:1.2307em;text-decoration:none;text-transform:uppercase;color:#fff;background:#000;padding:4px 6px 4px 6px;position:relative;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;behavior: url(../js/PIE.php);margin-top:50px;}
.button3:hover {background:#666}
/* Tooltips */

.aToolTip {	border:1px solid #FFF;background:#CCC;color:#000;margin:0;padding:5px 8px;font-size:14px;}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}
a.aToolTipCloseBtn {display:block;height:20px;width:20px;overflow:hidden;background:url(../images/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px;}

.titre_aide {font-size:2.500em; color:#bd0926;}
.tel_aide {font-size:4.000em; color:#bd0926;}
.popInscriptionTitre { font-size:3.000em; color:#bd0926; text-transform:uppercase; }



#scroller-header a { display:inline-block;background:#bd0926; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:12px;font-size:1em;line-height:1.2307em;text-decoration:none;color:#fff;}
#scroller-header a:hover {text-decoration:none;color:#4b412f; background:#CCC;}
a.selected {display:inline-block;text-decoration:underline !important;color:#bd0926 !important;
background:#eeeeee !important; }

#scroller-header {width:720px;height:37px;padding:0 0 0 0px;font-weight:700;}
#scroller-body {width:720px;padding-bottom:30px; border-bottom:1px #dedede solid; border-left:1px #dedede solid; border-right:1px #dedede solid; border-top:1px #dedede solid; }
#mask {width:700px;overflow:hidden;margin:0 auto;}
#panel {}
#panel div {float:left; width:700px;}
#panel div p { margin-bottom:-10px; padding:0;}
/*#panel div p > lastChild { margin-bottom:0px; }*/

/* Extra styling for each panel*/
#panel-1 {}
#panel-2 {}
#panel-3 {}
#panel-4 {}

#loupe {position:absolute; z-index:99;}
#loupe:hover {background:#fff url(../images/magnify.png) no-repeat; opacity : 0.6; -moz-opacity : 0.6;-ms-filter: "alpha(opacity=60)"; filter : alpha(opacity=60);background-position:center center; cursor:pointer;}

#contTitre { color:#bd0926; font-weight:700; font-size:1.000em; text-align:left; padding-left:5px; padding-right:5px; }
#contMarque { color:#666666; font-size:0.800em; text-align:left; padding-left:5px; padding-right:5px; }
#contDevis { width:100px; background:#bd0926; color:#fff; padding-top:3px; padding-bottom:3px;cursor:pointer;}
#contDevis:hover { width:100px; background:#333333; color:#fff; padding-top:3px; padding-bottom:3px;cursor:pointer;}








#header-slider .carousel-caption {
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    bottom: auto;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
#header-slider .carousel-indicators {
    position: absolute;
    bottom: 50px;
    left: auto;
    right: 0;
    z-index: 15;
    width: 20%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

#header-slider .carousel-indicators .active {
    /*
	width: 20px;
    height: 10px;
    margin: 1px;
    background-color: #ff0066;
    border-color: 1px solid #ffb642;
    border: 0;
    border-radius: 0;
	*/
}
#header-slider .carousel-indicators li {
    /*display: inline-block;
    width: 20px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 0;*/
}
.left span.fa,
.right span.fa {
    position: absolute;
    top: 43%;
}
a.carousel-control span.fa {
    border: 1px solid #f1f1f1 !important;
    padding: 10px;
    margin-left: -20px;
}
.carousel-inner img {
	margin:auto;
}
.carousel-fade .carousel-inner .active { opacity: 1 }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1 }
.carousel-fade .carousel-control { z-index: 20 }

#navigateur { color:#fff; background-color:#05368c; background-position: top center; background-attachment:fixed; font-size:30px;}