@charset "utf-8";
/* CSS Document */


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
.no-margin													{ margin: 0; padding: 0; }
.no-margin-left												{ margin-left: 0; padding-left: 0; }
.no-margin-right											{ margin-right: 0; padding-right: 0; }
.animation-delay-250										{ -webkit-animation-delay: 250ms; animation-delay: 250ms; }
.animation-delay-500										{ -webkit-animation-delay: 500ms; animation-delay: 500ms; }
.animation-delay-750										{ -webkit-animation-delay: 750ms; animation-delay: 750ms; }
.animation-delay-1000										{ -webkit-animation-delay: 1000ms; animation-delay: 1000ms; }
.animation-delay-1250										{ -webkit-animation-delay: 1250ms; animation-delay: 1250ms; }
.animation-delay-1500										{ -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }
.animation-delay-1750										{ -webkit-animation-delay: 1750ms; animation-delay: 1750ms; }
.animation-delay-2000										{ -webkit-animation-delay: 2000ms; animation-delay: 2000ms; }

html														{ overflow-y: scroll; overflow-x:hidden; }
html, body, #page											{ height: 100%; padding:0px; margin:0px; }
body														{ font-family: Arial, Helvetica, sans-serif; background:#F7F7F7; color:#444444; font-size:14px; }
a															{ font-family: Arial, Helvetica, sans-serif; }
a, img, a img, input										{ margin:0; padding:0; border:none; border-style:none; outline-style:none; outline:none; }
a:hover, a:focus, a:active									{ margin:0; padding:0; border:none; border-style:none; outline-style:none; outline:none; }
#header														{ font-family: Arial, Helvetica, sans-serif; font-size:14px; }
#wrap														{ min-height: 100%; padding-top:55px; }
#main														{ font-family: Arial, Helvetica, sans-serif; overflow:hidden; width:100%; margin-top:0px; padding:0px; padding-bottom:20px; }
#bloc-menu-resa												{ font-family: Arial, Helvetica, sans-serif; }
#footer														{ font-family: Arial, Helvetica, sans-serif; }
.ccss-footer												{ position: relative; margin-top: -20px; height: 20px; clear:both; }

/* BLOC PRELOAD */
#bloc-preloader												{ position:absolute; left:0px; background:#ffffff; width:100%; height:100%; vertical-align:middle; text-align:center; }
#bloc-preloader img											{ vertical-align:middle; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

/* TOP BAR NAV */
header .top-bar												{
															padding: 0px; width:100%;
															height:55px; line-height: 55px;
															font-size:12px;
															background: #F7F7F7;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#F7F7F7));
															background-image: -webkit-linear-gradient(#F7F7F7,#F7F7F7);
															background-image:    -moz-linear-gradient(#F7F7F7,#F7F7F7);
															background-image:     -ms-linear-gradient(#F7F7F7,#F7F7F7);
															background-image:      -o-linear-gradient(#F7F7F7,#F7F7F7);
															background-image:         linear-gradient(#F7F7F7,#F7F7F7);
															}
header #top-bar-nav											{ height:55px; line-height: 55px; color: #333333; float:right; }
.navbar-default												{ padding:0px; background:none; }
header #top-bar-nav	.navbar-toggle							{ width:25px; height:25px; }
header #top-bar-nav .bou-navbar-collapse					{ font-size:16px; color:#FFF; margin:0px 5px; border:none; width:25px; height:25px; line-height:25px; border-radius:2px; background:#FF6600; display:none; }
header #top-bar-nav .bou-navbar-collapse:hover				{ background:#878787; }
header #top-bar-nav a										{ margin: 0px; height:55px; line-height: 55px; color: #333333; }
header #top-bar-nav	.dropdown-menu,
header #top-bar-nav .dropdown-sousmenu a					{ color: #333333; background:#F7F7F7; }
header #top-bar-nav .dropdown-menu a:hover,
header #top-bar-nav .dropdown-sousmenu a:hover,
header #top-bar-nav a:hover									{ height:55px; line-height: 55px; color: #df982d; }
header #top-bar-nav .active a,
header #top-bar-nav .active .dropdown-sousmenu a:hover,
header #top-bar-nav .active a:hover							{
															color: #FF6600;
															background-color:#F7F7F7;
															background-image:url(/medias/cl_1000/images/trait-menu.png);
															background-repeat:no-repeat;
															background-position:center 38px;
															}
header #top-bar-nav .dropdown-menu							{ background: #F7F7F7; }
header #top-bar-nav .dropdown-sousmenu,
header #top-bar-nav .dropdown-sousmenu a,
header #top-bar-nav .dropdown-sousmenu a:hover,
header #top-bar-nav .active .dropdown-sousmenu a:hover		{ background: #F7F7F7; height:35px; line-height: 35px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }

header #icones-langues										{ float:right; padding-left:10px; background:none;  }
header .icone-langue										{ width:21px; height:21px; padding:2px; background:#333333; border-radius:9px; }

header.affix .top-bar														{ background:#DDDDDD; }
header.affix #top-bar-nav a													{  }
header.affix #top-bar-nav .active a											{ color:#FF6600; }


header.affix .dropdown:hover .dropdown-menu									{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
header.affix .navbar-nav li, 
header.affix .dropdown-menu li												{ font-size:12px; }
header.affix #top-bar-nav													{ float:left; margin-top:55px; }
header.affix #top-bar-nav a, 
header.affix #top-bar-nav a													{ padding:0px 15px; }
header.affix #top-bar-nav													{ width:500px; }
header.affix #top-bar-nav a,
header.affix #top-bar-nav .dropdown,
header.affix #top-bar-nav .dropdown-menu,
header.affix #top-bar-nav .dropdown-menu a:hover,
header.affix #top-bar-nav .dropdown-sousmenu a:hover,
header.affix #top-bar-nav a:hover											{ height:35px; line-height: 35px; border-bottom:#666666 solid 1px; background-color: #FFFFFF; }
header.affix #top-bar-nav .dropdown-menu									{ width:450px; }

header.affix .navbar-header													{ padding-left:15px; }
header.affix .top-bar .container											{ padding:0px; }
header.affix #icones-langues												{ padding-right:15px; }
header.affix .navbar-header													{ float: none; }
header.affix .navbar-left,.navbar-right										{ float: none !important; }
header.affix .navbar-toggle													{ display: block; }
header.affix #top-bar-nav .bou-navbar-collapse								{ float:left; position:absolute; left:0px; margin:0px; height:55px; width:55px; line-height:55px; border-radius:0px; margin-top:-55px; display:block; }
header.affix .navbar-collapse												{ border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
header.affix .navbar-fixed-top												{ top: 0; border-width: 0 0 1px; }
header.affix .navbar-collapse.collapse										{ display: none!important; }
header.affix .navbar-nav													{ float: none!important; margin-top: 0px; }
header.affix .navbar-nav>li													{ float: none; }
header.affix .collapse.in													{ display:block !important; }
header.affix .navbar-collapse.in											{ overflow-y: auto !important; }
header.affix .navbar-nav .open .dropdown-menu								{ position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
header.affix .navbar-nav .open .dropdown-menu>li>a, 
header.affix .navbar-nav .open .dropdown-menu .dropdown-header				{ padding: 0px 15px 0px 25px; }
header.affix .navbar-inverse .navbar-nav .open .dropdown-menu>li>a			{ color: #999; }
header.affix .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
header.affix .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus	{ color: #fff; background-color: transparent; background-image:none; }

/* BLOC LOGO */
#bloc-logo													{ height:35px; margin-left:65px; margin-top:-45px; display:inline-block; background:none; width:auto; position:absolute; left:0px; text-shadow:none; }
#bloc-logo div												{ display:inline-block; float:left; height:35px; text-align:center; padding:0px; margin:0px; vertical-align:middle; }
#bloc-logo.affix											{ height:35px; margin-left:65px; margin-top:-45px; }
#bloc-logo.affix div										{ height:35px; }
#bloc-logo													{ visibility:hidden; }
#bloc-logo.affix											{ visibility:visible; }

/* BLOC MENU RESA : RESA */
#bloc-menu-resa												{ position:absolute; z-index:3000; width:100%; height:50px; margin:0px 55px; padding-right:55px; text-align:right; color:#FFFFFF; }
#bloc-menu-resa #menu-resa									{ margin-left: auto; margin-right:auto; top:0px; }
#bloc-menu-resa #bloc-resa									{ font-size:14px; display:inline-block; background:none; height:50px; text-align:center; }
#bloc-menu-resa .btn										{ font-size:16px; }
#bloc-menu-resa .container									{ width:100%; }
#bloc-menu-resa .container .row								{ max-width:inherit; }
.btn-orange													{ color: #FFFFFF; background-color: #FF6600; border-color: #FFFFFF; padding: 6px 12px; border: 1px solid; }
.btn-orange:hover											{ color: #FFFFFF; background-color: #878787; border-color: #FFFFFF; padding: 6px 12px; border: 1px solid; }
.btn-orange:active											{ color: #FFFFFF; background-color: #878787; border-color: #FFFFFF; padding: 6px 12px; border: 1px solid; }
.btn-blanc													{ color: #FF6600; background-color: #FFFFFF; border-color: #FF6600; padding: 6px 12px; border: 1px solid; }
.btn-blanc:hover											{ color: #FFFFFF; background-color: #FF6600; border-color: #FFFFFF; padding: 6px 12px; border: 1px solid; }
.btn-blanc:active											{ color: #FFFFFF; background-color: #FF6600; border-color: #FFFFFF; padding: 6px 12px; border: 1px solid; }

#bou-devis-sm												{ display:none; }
#bou-devis-lg												{ display:none; }

/* BLOC MENU RESA AFFIX */
#bloc-menu-resa.affix										{ position: fixed; top:10px; height:45px; margin-top:0px; color:#000000; }

/* DIAPO */
#main-slider												{ position: relative; }
#main-slider .carousel .item								{ background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; top: 0; position: absolute; width: 100%; display: block !important; height: 300px; }
#main-slider .carousel .item:first-child					{ top: auto; position: relative; }
#main-slider .carousel .item.active							{ z-index: 1; opacity: 1; }
#main-slider .carousel .carousel-control					{ z-index: 2; }
#main-slider .carousel-fade .item							{ opacity: 0; -webkit-transition: opacity ease-in-out 2000ms; -moz-transition: opacity ease-in-out 2000ms; -o-transition: opacity ease-in-out 2000ms; transition: opacity ease-in-out 2000ms; }
#main-slider .carousel .item.active.left,
#main-slider .carousel .item.active.right					{ left: 0; opacity: 0; z-index: 1; }
#main-slider .carousel .item.next.left,
#main-slider .carousel .item.prev.right						{ opacity: 1; }
#main-slider .carousel-caption 								{ top:0px; right:0px; }
#main-slider .carousel-caption-legende1						{ color:#ffffff; font-size:22px; font-weight:bold; text-shadow:1px 1px 1px #333333,1px 1px 2px #333333; font-style: italic; }
#main-slider .carousel-caption-legende2						{ color:#dddddd; font-size:16px; font-weight:bold; text-shadow:1px 1px 1px #000000,1px 1px 3px #000000; }

/* SECTIONS */
.section_type1												{ background:#DDDDDD; color:#666666; }
.section_type1 .titre										{ color:#666666; }
.section_type1 a											{ background:none; color:#666666; }
.section_type1 a:hover										{ background:#19c6e6; color:#FFFFFF; }

.section_type2												{ background:#F7F7F7; color:#666666; }
.section_type2 .titre										{ color:#444444; }
.section_type2 a											{ background:none; color:#FF6600; }
.section_type2 a:hover										{ background:none; color:#df982d; }

.section_type3												{ background:#DDDDDD; color:#333333; }
.section_type3 .titre										{ color:#222222; }
.section_type3 a											{ background:none; color:#FF6600; }
.section_type3 a:hover										{ background:none; color:#df982d; }

.section_bloc1												{ border:#CCCCCC solid 1px; border-radius:5px; color:#666666; padding:10px; font-size:12px; background-color:#F7F7F7; }
.section_bloc1 .titre										{ color:#444444; }
.section_bloc1 a											{ color:#FF6600; }
.section_bloc1 a:hover										{ color:#df982d; }

/* SECTION TITRE PAGE */
#titre_page													{ height:40px; }
#titre_page h3												{ display: inline-block; font-size:18px; font-weight:normal; margin:0px; padding:8px 0px; }
#titre_page h3 i											{ display: inline-block; font-size:24px; margin-right:10px; }
.titre_section												{ color:#FF6600; }
.social														{ float: right; text-align:right; font-size:14px; margin-top:8px; }
.social-share												{ display: inline-block; list-style: none; padding: 0; margin: 0; }
ul.social-share li											{ display: inline-block; }
ul.social-share li a										{ background:none; color:#666666; display: inline-block; font-size:16px; width: 26px; height: 26px; line-height: 24px; text-align: center; border-radius: 5px; border:1px solid #666666; }
ul.social-share li a:hover									{ background:#19c6e6; color:#FFFFFF; border:1px solid #FFFFFF; }
.social-follow-us											{ display: inline-block; list-style: none; padding: 0; margin: 0; }
ul.social-follow-us											{ margin-right:40px; }
ul.social-follow-us li										{ display: inline-block; }
ul.social-follow-us i										{ font-size:16px; margin-right:10px; }
ul.social-follow-us li a									{ background:#19c6e6; color:#FFFFFF; display: inline-block; font-size:13px; width: auto; height: 26px; line-height: 24px; text-align: center; border-radius: 5px; border:1px solid #FFFFFF; padding:0px 5px; }
ul.social-follow-us li a:hover								{ background:none; color:#666666; border:1px solid #666666; text-decoration:none; }

/* SECTION CONTENU */
#contenu, .section_contenu									{ padding:30px 0px; }
#contenu img, .section_contenu img							{ width:100%;}
.photo														{ margin-bottom:30px; }
.cadre-photo												{
															background-color:#F7F7F7;
															padding:10px;
															margin-bottom:30px;
															border: 1px solid #CCCCCC;
															border-radius:5px;
															-moz-box-shadow: 1px 1px 12px #aaa; 
															-webkit-box-shadow: 1px 1px 12px #aaa; 
															box-shadow: 1px 1px 12px #aaa;
															}
.cadre-photo2												{
															background-color:#F7F7F7;
															border: 1px solid #CCCCCC;
															border-radius:5px;
															}
.cadre-photo2 img											{ border-radius:5px; }
.content-popup												{ padding:20px 10px; }
.content-popup .bou-close									{ text-align:center; padding-top:20px; }

/* MENU CATEGORIES */
.menu-categories											{ float:left; width:230px; margin:0px; padding:0px; }
.menu-categories ul											{ list-style: none; margin:0px; padding:0px; }
.menu-categories-titre										{
															display: block; width:230px; height:40px; line-height:40px; text-align:center; margin:0px; padding:0px; border-radius:5px 5px 0px 0px; color: #FFFFFF; font-weight:bold;
															background: #333333;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111)); /* Saf4 , Chrome */
															background-image: -webkit-linear-gradient(#333333,#111111); /* Chrome 10 , Saf5.1  */
															background-image:    -moz-linear-gradient(#333333,#111111); /* FF3.6 */
															background-image:     -ms-linear-gradient(#333333,#111111); /* IE10 */
															background-image:      -o-linear-gradient(#333333,#111111); /* Opera 11.10  */
															background-image:         linear-gradient(#333333,#111111);
															}
.menu-categories-item										{ margin:0px; padding:0px; color:#666666; font-weight:500; }
.menu-categories-item a										{ display: block; width:230px; height:35px; line-height:35px; margin:0px; padding:0px 10px; background:#EEEEEE; color:#666666; border-bottom:1px solid #BBBBBB; text-decoration: none; }
.menu-categories-item a:hover								{ background:#999999; color:#EEEEEE; border-bottom:1px solid #CCCCCC; text-decoration: none; }
.menu-categories-item a.active								{ background:#CCCCCC; color:#333333; border-bottom:1px solid #999999; }
.menu-categories-item a.last-child							{ border:none; border-radius:0px 0px 5px 5px; }
.menu-categories-item-msg									{ display: block; width:230px; margin:0px; padding:10px; background:#EEEEEE; color:#666666; border-bottom:1px solid #999999;border:none; border-radius:0px 0px 5px 5px; }

/* SECTION CONTENU "PARTENAIRES" */
.contenu-partenaires										{ margin:0px 0px 0px 260px; }

/* POPUP */
.table-titre,
#popup-titre												{ padding:0px 10px; margin:0px; width:100%; height:40px; line-height:40px; background:#111111; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:left; }
.popup-soustitre											{ padding:5px; background:#CCCCCC; color:#333333; font-size:12px; font-weight:bold; text-align:center; }
.table-titre												{ text-align:center; }
.table-sous-titre											{ background:#CCCCCC; color:#333333; border-top: #666 1px solid; }
.table-intitule												{ font-weight:bold; text-align:right; }
.navbar-popup-bottom										{ text-align:center; background-color:#DDD; height:40px; line-height:40px; margin:0px; padding:0px; min-height:inherit; }
.bou-close-popup, .bou-close-popup:hover, .bou-close-popup:active	{ display:inline-block; color:#FFF; background:#000; height:30px; line-height:30px; margin:0px; padding:0px 10px; border-radius:4px; text-decoration:none; }
.bou-close-popup:hover, .bou-close-popup:active				{ background:#666; }
.content-popup, .content-popup .section_contenu				{ padding:10px 0px; }

/* BLOC NEWSTICKER */
#newsticker-news											{ display:none; }
#newsticker-titre											{ font-size:14px; font-weight:bold; border-bottom:#CCCCCC dashed 1px; text-align:center; }
#newsticker-content											{ min-height:200px; margin:5px; }
#nav-newsticker												{ text-align:right; font-size:24px }

/* SECTION AVANTAGES */
.section_avantages											{ padding:0px 0px; }
.section_avantages h3										{ text-shadow:1px 1px 0px #000000; margin:0px; }
.section_avantages h4										{ font-size:14px; font-weight:bold; margin-top:0px; }
.section_avantages img										{ border-radius:5px; }
.section_avantages .bloc-avantage							{ margin:12px 0px; padding:2px 5px 2px 2px; height:146px; }
.section_avantages .bloc-avantage .pull-left				{ margin-right:8px; }
.section_avantages .bloc-avantage .avantage-txt				{ text-align:left; margin:5px 2px; overflow:hidden; height:130px; }
.section_avantages .bloc-avantage2							{ margin-top:15px; margin-bottom:0px; padding-bottom:15px; }
.section_avantages .bloc-avantage2 h4						{ font-size:12px; font-weight:bold; margin:10px 0; text-align:left; }
.section_avantages .bloc-avantage2 p						{ font-size:11px; text-align:left; min-height:65px; }
.section_avantages .bloc-avantage2 .bou-2					{ float:right; }
.section_avantages .bloc-avantage2 img						{
															width:90px; height:90px;
															background-color:inherit;
															border:none;
															margin-bottom:10px;
															}

/* SECTION CONTACT */
#contact													{ padding:30px 0px; font-size:14px; }
#contact i													{ font-size:16px; }
.bloc-contact												{ display:text-align:left; margin-bottom:30px; font-size:14px; }
.bloc-contact-item											{ display:block; width:100%; }
.bloc-contact-icon											{ font-size:16px; display:inline-block; width:30px; text-align:center; vertical-align:top; }

/* FOOTER */
#footer														{ line-height:25px; min-height:25px; margin-top:-25px; color:#888888; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#footer a													{ margin: 0px 5px; color:#888888; }
#footer a:hover												{ text-decoration:underline; }
#footer ul													{ list-style: none; padding: 0; margin: 0; }
#footer ul > li 											{ display: inline-block; }
.background-footer											{
															background:#DDDDDD;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#DDDDDD));
															background-image: -webkit-linear-gradient(#DDDDDD,#DDDDDD);
															background-image:    -moz-linear-gradient(#DDDDDD,#DDDDDD);
															background-image:     -ms-linear-gradient(#DDDDDD,#DDDDDD);
															background-image:      -o-linear-gradient(#DDDDDD,#DDDDDD);
															background-image:         linear-gradient(#DDDDDD,#DDDDDD);
															}
#bloc-social-network										{
															padding: 0px 5px;
															float:right;
															background:#DDDDDD;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#DDDDDD));
															background-image: -webkit-linear-gradient(#DDDDDD,#DDDDDD);
															background-image:    -moz-linear-gradient(#DDDDDD,#DDDDDD);
															background-image:     -ms-linear-gradient(#DDDDDD,#DDDDDD);
															background-image:      -o-linear-gradient(#DDDDDD,#DDDDDD);
															background-image:         linear-gradient(#DDDDDD,#DDDDDD);
															}
#bloc-social-network img									{ width:20px; height:20px; padding:0px; margin:0px; }
#bloc-social-network a										{ padding:0px; margin:0px; }

/* RETOUR AU TOP */
.back-to-top,
.back-to-top:hover,
.back-to-top:focus,
.back-to-top:active											{ position: fixed; bottom: 30px; right: 10px; color: #000000; background-color: rgba(235, 235, 235, 0.80); padding: 5px; margin:0px; display: none; border-radius:5px; }
.back-to-top:hover											{ background-color: rgba(135, 135, 135, 0.50); }
.back-to-top i												{ color:#00000; padding:0px; margin:0px; }

/* CUSTOM LES ELEMENTS FORM */
input.form_custom_date										{ color:#555555; font-size:14px; font-weight:normal; height:30px; line-height:30px; background:#EEEEEE url(/templates/template_ccdivers_web/images/icon-datepicker-4.png) no-repeat ; background-position:center right 2px; padding:0px 8px; margin:5px; border-radius:3px; border:#999999 solid 1px; box-shadow:1px 1px 1px #000000; }
input.form_custom											{ color:#555555; font-size:14px; font-weight:normal; height:30px; line-height:30px; background:#EEEEEE; padding:0px 8px; margin:5px; border-radius:3px; border:#999999 solid 1px; box-shadow:1px 1px 1px #000000; }
.select2-container--default .select2-selection--single, 
select.form_custom											{ color:#333333; font-size:14px; font-weight:normal; height:30px; line-height:30px; background:#CCCCCC; padding-left:5px; margin:5px; border-radius:3px; border:#999999 solid 1px; box-shadow:1px 1px 1px #000000; }
.select2-container--default .select2-selection--single,
select.form_custom_multi_magasin							{ overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size:10px; }
select.menu_custom_multi_magasin							{ color:#333333; font-weight:normal; height:25px; line-height:25px; background:#CCCCCC; padding-left:3px; margin:0px 0px 0px 5px; border-radius:3px; border:#999999 solid 1px; box-shadow:1px 1px 1px #000000; max-width:150px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size:12px; }
.select2-container--default .select2-selection--single option,
select.form_custom option									{ color:#555555; font-size:14px; font-weight:normal; height:30px; line-height:30px; background:#EEEEEE; padding:5px; border-bottom:#dddddd 1px solid; border-top:#ffffff 1px solid; }
.select2-container--default .select2-selection--single option:checked,
select.form_custom option:checked							{ color:#333333; background:#CCCCCC;  }
.select2-container--default .select2-selection--single option::-moz-selection,
select.form_custom option::-moz-selection					{ color:#333333; background:#CCCCCC;  }
.select2-container--default .select2-selection--single option::selection,
select.form_custom option::selection						{ color:#333333; background:#CCCCCC;  }
.form_error, input.form_error, select.form_error			{ background-color:#FFCCCC; }
.input-max-size												{ max-width:350px; }
.input-max-size2											{ max-width:250px; }
.input-group-addon .fa										{ min-width:15px; }
.label-pos-left												{ display:inline-block; width:120px; float:left; text-align:right; margin-right:10px; font-size:12px; font-weight:normal; }
.form-vide													{ display:none; }

/* CUSTOM LES ELEMENTS BOUTONS ET LINK */
.bou-1, .bou-1:hover										{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; margin:0px; background:#FF6600 url(/templates/template_ccdivers_web/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; border-radius:15px; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:none; }
.bou-1:hover												{ color:#FFFFFF; background:#878787 url(/templates/template_ccdivers_web/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; text-decoration: none; }
.bou-1 a, .bou-1 a:hover									{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; margin:0px; padding:0px; }

.bou-2, .bou-2:hover										{ display:inline-block; height:20px; line-height:20px; padding:0px; margin:0px; background:#FF6600; border:0px; border-radius:10px; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:none; }
.bou-2:hover												{ color:#FFFFFF; background:#878787; border:0px; text-decoration: none; }
.bou-2 a, .bou-2 a:hover									{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:20px; line-height:20px; padding:0px 10px; }

.bou-3, .bou-3:hover										{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; margin:0px; background:#878787 url(/templates/template_ccdivers_web/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; border-radius:15px; color:#FFFFFF; font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000; text-decoration:none; }
.bou-3:hover												{ color:#FFFFFF; background:#FF6600 url(/templates/template_ccdivers_web/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; text-decoration: none; }
.bou-3 a, .bou-3 a:hover									{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; margin:0px; padding:0px; }

.bou-1-link, .bou-1-link:hover								{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px; margin:0px; background:#FF6600 url(/templates/template_ccdivers_web/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; border-radius:15px; color:#FFFFFF; font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000; text-decoration:none; }
.bou-1-link:hover											{ color:#FFFFFF; background:#878787 url(/templates/template_ccdivers_web/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; text-decoration: none; }
.bou-1-link a, .bou-1-link a:hover							{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; }

/* DIVERS */
.row-centered												{ text-align:center; }
.col-centered												{ display:inline-block; float:none; text-align:center; vertical-align:top; margin-right:-4px; }
.responsive-mini-photo										{ width:100%; max-width:300px; }

/* CUSTOM FANCYBOX */
.fancybox-skin												{ background-color: #ffffff; }

/* ALERT MOBILE */
#main-alert-mobile											{ display:none; visibility:hidden; }
#img-alert-mobile											{ background:#000000; display:inline-block; border-radius:10px; }

/* RESPONSIVE */
.row														{ width: 100%; max-width: 1128px; margin:0px; padding:0px; }

@media (min-width: 1200px)									{ /* lg */
															header .dropdown:hover .dropdown-menu								{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
															header .navbar-nav li, 
															header .dropdown-menu li											{ font-size:12px; }
															header #top-bar-nav a												{ padding:0px 15px; }
															#bou-devis-sm														{ display:none; }
															#bou-devis-lg														{ display:inline-block; }
															#bloc-logo															{ visibility:hidden; }
															}
@media (min-width: 992px) and (max-width: 1199px)			{ /* md */
															.container, .row													{ width:100%; }
															header .dropdown:hover .dropdown-menu								{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
															header .navbar-nav li,
															header .dropdown-menu li											{ font-size:12px; }
															header #top-bar-nav a												{ padding:0px 8px; }
															#bou-devis-sm														{ display:none; }
															#bou-devis-lg														{ display:inline-block; }
															#bloc-logo															{ visibility:hidden; }
															}
@media (min-width: 768px) and (max-width: 991px)			{ /* sm */
															.container, .row													{ width:100%; }
															header .dropdown:hover .dropdown-menu								{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
															header .navbar-nav li, 
															header .dropdown-menu li											{ font-size:12px; }
															header #top-bar-nav													{ float:left; margin-top:55px; }
															header #top-bar-nav a												{ padding:0px 15px; }
															header #top-bar-nav													{ width:500px; }
															header #top-bar-nav a,
															header #top-bar-nav .dropdown,
															header #top-bar-nav .dropdown-menu,
															header #top-bar-nav .dropdown-menu a:hover,
															header #top-bar-nav .dropdown-sousmenu a:hover,
															header #top-bar-nav a:hover											{ height:35px; line-height: 35px; border-bottom:#666666 solid 1px; background-color: #FFFFFF; }
															header #top-bar-nav .dropdown-menu									{ width:450px; }

															header .navbar-header												{ padding-left:15px; }
															header .top-bar .container											{ padding:0px; }
															header #icones-langues												{ padding-right:15px; }
															header .navbar-header												{ float: none; }
															header .navbar-left,.navbar-right									{ float: none !important; }
															header .navbar-toggle												{ display: block; }
															header #top-bar-nav .bou-navbar-collapse							{ float:left; position:absolute; left:0px; margin:0px; height:55px; width:55px; line-height:55px; border-radius:0px; margin-top:-55px; display:block; }
															header .navbar-collapse												{ border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
															header .navbar-fixed-top											{ top: 0; border-width: 0 0 1px; }
															header .navbar-collapse.collapse									{ display: none!important; }
															header .navbar-nav													{ float: none!important; margin-top: 0px; }
															header .navbar-nav>li												{ float: none; }
															header .collapse.in													{ display:block !important; }
															header .navbar-collapse.in											{ overflow-y: auto !important; }
															header .navbar-nav .open .dropdown-menu								{ position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
															header .navbar-nav .open .dropdown-menu>li>a, 
															header .navbar-nav .open .dropdown-menu .dropdown-header			{ padding: 0px 15px 0px 25px; }
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a		{ color: #999; }
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus	{ color: #fff; background-color: transparent; background-image:none; }
															#bloc-logo															{ visibility:visible; }
															#bloc-logo2															{ display:none; }
															#bou-devis-sm														{ display:none; }
															#bou-devis-lg														{ display:inline-block; }
															}
@media (max-width: 767px)									{ /* xs */
															ul.social-share li a						{ width: 20px; height: 20px; border-radius: 2px; line-height:20px; }
															.social										{ position:absolute; right: 5px; }
															.container, .row							{ width:100%; }

															header .dropdown:hover .dropdown-menu								{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
															header .navbar-nav li, 
															header .dropdown-menu li											{ font-size:12px; }
															header #top-bar-nav													{ float:left; margin-top:55px; }
															header #top-bar-nav a												{ padding:0px 15px; }
															header #top-bar-nav													{ width:500px; }
															header #top-bar-nav a,
															header #top-bar-nav .dropdown,
															header #top-bar-nav .dropdown-menu,
															header #top-bar-nav .dropdown-menu a:hover,
															header #top-bar-nav .dropdown-sousmenu a:hover,
															header #top-bar-nav a:hover											{ height:35px; line-height: 35px; border-bottom:#666666 solid 1px; background-color: #FFFFFF; }
															header #top-bar-nav .dropdown-menu									{ width:450px; }

															header .navbar-header												{ padding-left:15px; }
															header .top-bar .container											{ padding:0px; }
															header #icones-langues												{ padding-right:15px; }
															header .navbar-header												{ float: none; }
															header .navbar-left,.navbar-right									{ float: none !important; }
															header .navbar-toggle												{ display: block; }
															header #top-bar-nav .bou-navbar-collapse							{ float:left; position:absolute; left:0px; margin:0px; height:55px; width:55px; line-height:55px; border-radius:0px; margin-top:-55px; display:block; }
															header .navbar-collapse												{ border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
															header .navbar-fixed-top											{ top: 0; border-width: 0 0 1px; }
															header .navbar-collapse.collapse									{ display: none!important; }
															header .navbar-nav													{ float: none!important; margin-top: 0px; }
															header .navbar-nav>li												{ float: none; }
															header .collapse.in													{ display:block !important; }
															header .navbar-collapse.in											{ overflow-y: auto !important; }
															header .navbar-nav .open .dropdown-menu								{ position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
															header .navbar-nav .open .dropdown-menu>li>a, 
															header .navbar-nav .open .dropdown-menu .dropdown-header			{ padding: 0px 15px 0px 25px; }
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a		{ color: #999; }
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus	{ color: #fff; background-color: transparent; background-image:none; }
															#bloc-logo															{ visibility:visible; }
															#bloc-logo2															{ display:none; }
															#bou-devis-sm														{ display:none; }
															#bou-devis-lg														{ display:inline-block; }
															}
@media (max-width: 650px)									{ /* xs Portrait */
															ul.social-share li a							{ width: 20px; height: 20px; border-radius: 2px; line-height:20px; }
															.social											{ position:absolute; right: 5px; }
															.container, .row								{ width:100%; }

															header .dropdown:hover .dropdown-menu								{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
															header .navbar-nav li, 
															header .dropdown-menu li											{ font-size:12px; }
															header #top-bar-nav													{ float:left; margin-top:55px; }
															header #top-bar-nav a												{ padding:0px 15px; }
															header #top-bar-nav													{ width:500px; }
															header #top-bar-nav a,
															header #top-bar-nav .dropdown,
															header #top-bar-nav .dropdown-menu,
															header #top-bar-nav .dropdown-menu a:hover,
															header #top-bar-nav .dropdown-sousmenu a:hover,
															header #top-bar-nav a:hover											{ height:35px; line-height: 35px; border-bottom:#666666 solid 1px; background-color: #FFFFFF; }
															header #top-bar-nav .dropdown-menu									{ width:450px; }

															header .navbar-header												{ padding-left:15px; }
															header .top-bar .container											{ padding:0px; }
															header #icones-langues												{ padding-right:15px; }
															header .navbar-header												{ float: none; }
															header .navbar-left,.navbar-right									{ float: none !important; }
															header .navbar-toggle												{ display: block; }
															header #top-bar-nav .bou-navbar-collapse							{ float:left; position:absolute; left:0px; margin:0px; height:55px; width:55px; line-height:55px; border-radius:0px; margin-top:-55px; display:block; }
															header .navbar-collapse												{ border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
															header .navbar-fixed-top											{ top: 0; border-width: 0 0 1px; }
															header .navbar-collapse.collapse									{ display: none!important; }
															header .navbar-nav													{ float: none!important; margin-top: 0px; }
															header .navbar-nav>li												{ float: none; }
															header .collapse.in													{ display:block !important; }
															header .navbar-collapse.in											{ overflow-y: auto !important; }
															header .navbar-nav .open .dropdown-menu								{ position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
															header .navbar-nav .open .dropdown-menu>li>a, 
															header .navbar-nav .open .dropdown-menu .dropdown-header			{ padding: 0px 15px 0px 25px; }
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a		{ color: #999; }
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
															header .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus	{ color: #fff; background-color: transparent; background-image:none; }
															#bloc-logo															{ visibility:visible; }
															#bloc-logo2															{ display:none; }
															#bou-devis-sm														{ display:inline-block; }
															#bou-devis-lg														{ display:none; }
															}