@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; }

/*************************************************** PERSO ***********************************************************************/

body						{ background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:14px; }
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; }
#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; }

/* POSITIONNE LE FOOTER EN BAS DE LA PAGE */
html						{ overflow-y: scroll; }
html, body, #page			{ height: 100%; padding:0px; margin:0px; }
#wrap						{ min-height: 100%; padding-top:80px; }
#main						{ overflow:hidden; width:100%; padding:0px; padding-bottom:20px; }
.ccss-footer				{ position: relative; margin-top: -25px; height: 25px; clear:both; }

/* HEADER */
#header						{ font-size:14px; }
#icones-langues				{ float:right; }
.icone-langue				{ width:21px; height:21px; padding:2px; background:#CCCCCC; border-radius:9px; }
.top-bar					{
							text-align:right;
							padding: 0px; width:100%;
							background: #333333;
							background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));
							background-image: -webkit-linear-gradient(#333333,#111111);
							background-image:    -moz-linear-gradient(#333333,#111111);
							background-image:     -ms-linear-gradient(#333333,#111111);
							background-image:      -o-linear-gradient(#333333,#111111);
							background-image:         linear-gradient(#333333,#111111);
							}
#top-bar-nav				{ color: #CCCCCC; }
#top-bar-nav ul a			{ color: #CCCCCC; text-align:left; background:none; padding:0px 15px; margin: 0px; line-height: 80px; border-left:#333333 solid 1px; border-right:#111111 solid 1px; }
#top-bar-nav ul .dropdown-menu a:hover,
#top-bar-nav ul .dropdown-sousmenu a:hover,
#top-bar-nav ul a:hover		{
							color: #FFFFFF;
							background: #0da4dd;
							background-image: -webkit-gradient(linear, left top, left bottom, from(#0da4dd), to(#19c6e6));
							background-image: -webkit-linear-gradient(#0da4dd,#19c6e6);
							background-image:    -moz-linear-gradient(#0da4dd,#19c6e6);
							background-image:     -ms-linear-gradient(#0da4dd,#19c6e6);
							background-image:      -o-linear-gradient(#0da4dd,#19c6e6);
							background-image:         linear-gradient(#0da4dd,#19c6e6);
							}
#top-bar-nav ul .active a,
#top-bar-nav ul .active .dropdown-sousmenu a:hover,
#top-bar-nav ul .active a:hover
							{
							color: #19c6e6;
							background: #111111;
							background-image: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#333333));
							background-image: -webkit-linear-gradient(#111111,#333333);
							background-image:    -moz-linear-gradient(#111111,#333333);
							background-image:     -ms-linear-gradient(#111111,#333333);
							background-image:      -o-linear-gradient(#111111,#333333);
							background-image:         linear-gradient(#111111,#333333);
							}
.navbar-default				{ padding:0px; background:none; }
.navbar-toggle				{ width:25px; height:25px; }
.dropdown-menu				{ color: #CCCCCC; background:#333333; }
#top-bar-nav ul .dropdown-menu a	{ height:25px; line-height:25px; }
#top-bar-nav ul .dropdown-sousmenu a	{ color: #CCCCCC; background:#333333; }
.bou-navbar-collapse		{ font-size:16px; color:#FFF; margin:0px 5px; border:none; width:25px; height:25px; line-height:25px; border-radius:2px; background:#444444; }

#logo-v2					{ float:left; line-height: 80px; }
#logo-v2 img				{ max-height:60px;}
#bloc-tel					{ margin:5px 0px 5px 25px; line-height:20px; float:left; text-align:center; font-size:16px; font-weight:bold; height:70px; vertical-align:middle; border:solid 1px #999999; padding:5px 10px; border-radius:10px; background:#333333; color:#FFF; }
#bloc-tel .icon-tel			{ font-size:20px; }
#bloc-tel .ligne-tel		{ font-size:18px; color:#FFF; }

/* BLOC MENU SECONDAIRE */
#bloc-menu-secondaire									{ z-index:100; width:100%; position:absolute; color:#FFFFFF; top:200px; }
#bloc-menu-secondaire.affix								{
														visibility:visible; opacity: 1;
														position: fixed; top:80px; height:80px; margin-top:0px;
														color:#000000;
														background:#EEEEEE;
														background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC)); /* Saf4 , Chrome */
														background-image: -webkit-linear-gradient(#EEEEEE,#CCCCCC); /* Chrome 10 , Saf5.1  */
														background-image:    -moz-linear-gradient(#EEEEEE,#CCCCCC); /* FF3.6 */
														background-image:     -ms-linear-gradient(#EEEEEE,#CCCCCC); /* IE10 */
														background-image:      -o-linear-gradient(#EEEEEE,#CCCCCC); /* Opera 11.10  */
														background-image:         linear-gradient(#EEEEEE,#CCCCCC);
														}
#menu-resa												{ margin-left: auto; margin-right:auto; }

/* => BLOC EN SAVOIR PLUS */
#bloc-menu-secondaire #bloc-en-savoir-plus				{
														display:inline-block; max-width:300px; margin-left:30px; float:left; border:solid 1px #999999; border-radius:10px 10px 10px 10px;
														padding:20px; font-size:18px; font-weight:bold; text-align:center; text-shadow:1px 1px 0px #000000; 
														background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%);
														background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.6)));
														background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 100%);
														background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 100%);
														background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 100%);
														background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 100%);
														filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70000000', endColorstr='#60000000',GradientType=0 );
														}
#bloc-menu-secondaire #bloc-en-savoir-plus-bou .bou-3	{ margin-top:25px; }
#bloc-menu-secondaire.affix #bloc-en-savoir-plus		{ visibility:visible; opacity: 1;  display:inline-block; background:none; max-width:450px; height:70px; margin-left:10px; margin-top:5px; float:left; text-shadow:none; border:none; padding:0px; vertical-align:middle; }
#bloc-menu-secondaire.affix #bloc-en-savoir-plus div	{ height:70px; display:inline-block; float:left; font-size:11px; text-align:center; margin:0px 2px 0px 0px; vertical-align:middle; }
#bloc-menu-secondaire.affix #bloc-en-savoir-plus-txt	{ width:auto;  padding:10px; background-color:#444444; font-size:12px; color:#ffffff; text-align:center; vertical-align:middle; text-shadow:1px 1px 0px #000000; border-radius:5px 0px 0px 5px; }
#bloc-menu-secondaire.affix #bloc-en-savoir-plus-bou	{ line-height:inherit; padding:0px; margin:5px 1px; border-radius:0px; }
#bloc-menu-secondaire.affix #bloc-en-savoir-plus-bou .bou-3	{
														display:block; height:70px; width:120px; line-height:inherit; padding:10px 25px 5px 5px; margin:0px; border:0px; border-radius:0px 5px 5px 0px; color:#FFFFFF font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000; text-decoration:none;
														background:#EE3388 url(/templates/template_ccss/images/fleche-droite-right.png) no-repeat; background-position: center right;
														white-space: pre-wrap;       /* css-3 */
														white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
														white-space: -pre-wrap;      /* Opera 4-6 */
														white-space: -o-pre-wrap;    /* Opera 7 */
														word-wrap: break-word;       /* Internet Explorer 5.5+ */ 
														}
#bloc-menu-secondaire.affix #bloc-en-savoir-plus-bou .bou-3:hover	{ background:#DD2277 url(/templates/template_ccss/images/fleche-droite-right.png) no-repeat; background-position: center right; color:#FFFFFF; text-decoration:none; }
#bloc-menu-secondaire #menu-affix						{ display:none; visibility:hidden; }
#bloc-menu-secondaire.affix #menu-affix					{ display:block; visibility:visible; opacity: 1; }

/* DIAPO HEADER */
#main-slider												{
															position: relative;
															background-color:#DDDDDD;
															background-position: 50%;
															background-repeat: no-repeat;
															background-size: cover;
															height: 400px;
															}
#main-slider #bloc-carousel									{ max-width:500px; height:400px; margin:0px 10px auto auto; }
#main-slider .carousel-fade .carousel-inner .item			{
															background-repeat:no-repeat; background-position:bottom; max-width:500px; height:400px;
															opacity: 0;
															/*
															-webkit-transition-property: opacity;
															-moz-transition-property: opacity;
															-o-transition-property: opacity;
															transition-property: opacity;
															*/
															-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-fade .carousel-inner .item .carousel-caption	{ font-size:26px; font-weight:bold; top:0px; text-shadow: 2px 2px #000000; }
#main-slider .carousel-fade .carousel-inner .active			{ opacity: 1; }
#main-slider .carousel-fade .carousel-inner .active.left,
#main-slider .carousel-fade .carousel-inner .active.right	{
															left: 0;
															opacity: 0;
															z-index: 1;
															-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-fade .carousel-inner .next.left,
#main-slider .carousel-fade .carousel-inner .prev.right 	{ opacity: 1; }
#main-slider .carousel-fade .carousel-control				{ z-index: 2; }


/* 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:#FFFFFF; color:#444444; }
.section_type2 .titre					{ color:#000000; }
.section_type2 a						{ background:none; color:#19c6e6; }
.section_type2 a:hover					{ background:none; color:#0da4dd; }

.section_type3							{ background:#444444; color:#DDDDDD; }
.section_type3 .titre					{ color:#FFFFFF; }
.section_type3 a						{ background:none; color:#19c6e6; }
.section_type3 a:hover					{ background:none; color:#0da4dd; }

.section_type4							{ background:#666666; color:#DDDDDD; }
.section_type4 .titre					{ color:#FFFFFF; }
.section_type4 a						{ background:none; color:#19c6e6; }
.section_type4 a:hover					{ background:none; color:#0da4dd; }

.section_bloc1							{ border:#CCCCCC solid 1px; border-radius:5px; color:#666666; padding:10px; font-size:12px; background-color:#FBFBFB; }
.section_bloc1 .titre					{ color:#444444; }
.section_bloc1 a						{ color:#19c6e6; }
.section_bloc1 a:hover					{ color:#0da4dd; }

/* SECTION TITRE PAGE */
#titre_page								{ height:40px; }
#titre_page h3, #titre-page-affix h3	{ display: inline-block; font-size:18px; font-weight:normal; margin:0px; padding:8px 0px; color:#666666; }
#titre_page h3 i, #titre-page-affix h3 i{ display: inline-block; font-size:24px; margin-right:10px; }
.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								{ padding:30px 0px; }
#contenu img							{ width:100%;}
.photo									{ margin-bottom:30px; }
.cadre-photo							{
										background-color:#FBFBFB;
										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;
										}
.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; }

/* SECTION CONTENU "CCSS" */
.ccss-coordonnees,
.ccss-recap,
.liste-packs							{ margin:0px 300px 0px 250px; }
b.cercle								{ display:inline-block; width: 15px; height: 15px; margin: 2px 10px 2px 0px; border-radius: 50%; float:left; box-shadow:1px 1px 1px #666; }
.pack-materiel							{ border-bottom:#CCC 1px solid; padding-bottom:15px; margin-bottom:15px; }
.pack-materiel-tarif-options			{ float:right; width:175px; height:145px; }
.pack-materiel-tarif					{ width:100%; height:30px; line-height:30px; border-radius:5px 5px 0px 0px; background:#333333; color:#FFFFFF; font-weight:bold; text-align:center; }
.pack-materiel-titre					{ display:inline-block; height: 21px; line-height:21px; vertical-align:middle; font-size:16px; font-weight:bold; margin-bottom:5px; }
.pack-materiel-contenu					{ height:145px; margin-right:180px; }
.pack-materiel-options					{ position:absolute; top:0px; left:0px; width:100% }
.pack-materiel-options-photo			{ max-width:80px; max-height:80px; width:25%; display:inline-block; float:left; margin-top:20px; }
.table-titre,
#popup-titre,
#panier-titre-resa,
#panier-titre-panier					{ 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; }
#panier-etapes							{ padding:5px; background:#444444; color:#FFFFFF; }
#panier-etapes span						{ display:block; font-size:12px; font-weight:bold; margin:5px 0px; }
#panier-etapes span a,
#panier-etapes span a:hover				{ text-decoration:none; }
#panier-etapes span i					{ width:20px; height:20px; line-height:18px; text-align:center; background:#000; border-radius:5px; }
#panier-liste-packs						{ padding:5px; background:#CCCCCC; color:#333333; font-size:10px; }
.popup-soustitre						{ padding:5px; background:#CCCCCC; color:#333333; font-size:12px; font-weight:bold; text-align:center; }
.cadre_paiement_securise				{ text-align:center; }
.cadre_paiement_securise img			{ width:inherit; }
.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; }
.input-group-bou-info,
.input-group-bou-info:hover				{ background:#06F; text-align:center; padding:0px; display:inline-block; width:20px; height:30px; line-height:30px; }

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

/* LAST MOD PAGE SITE */
#last-mod-page-site						{ margin-bottom:20px; }
#last-mod-page-site-titre				{ text-align:center; font-size:14px; font-weight:bold; color:#000000; margin-bottom:10px; }
#last-mod-page-site-content				{  }
#last-mod-page-site-content ul			{ padding:0px; }
#last-mod-page-site-content li			{ margin-left:-10px; }

/* NOS ATHLETES */
#nos-athletes							{ text-align:center; margin-bottom:20px; }
#nos-athletes-titre						{ font-size:14px; font-weight:bold; color:#000000; margin-bottom:10px; }
#nos-athletes .carousel-caption			{ top:135px; color:#666666; text-shadow:none; }

/* SECTION AVANTAGES */
#avantages								{ padding:25px 0px; }
#avantages h3							{ text-shadow:1px 1px 0px #000000; margin:0px; }
#avantages h4							{ font-size:14px; font-weight:bold; margin-top:0px; }
#avantages .bloc-avantage				{ padding:0px 5px; margin:12px 0px; height:142px; }
#avantages .bloc-avantage .pull-left	{ margin-right:8px; }
#avantages .bloc-avantage .avantage-txt	{ text-align:left; margin:5px 2px; overflow:hidden; height:130px; }
#avantages .bloc-avantage2				{ margin-top:15px; margin-bottom:15px; }
#avantages .bloc-avantage2 h4			{ font-size:14px; font-weight:bold; margin:10px 0; }

/* SECTION MOD MINI CATALOGUE V1 */
#section_mod_mini_catalogue_v1								{ padding:25px 0px; }
#section_mod_mini_catalogue_v1.section_type1 h3.titre		{ text-shadow:1px 1px 1px #666666; color:#0da4dd; margin:0px; }
#section_mod_mini_catalogue_v1.section_type2 h3.titre		{ text-shadow:1px 1px 1px #333333; color:#EE3388; margin:0px; }
#section_mod_mini_catalogue_v1.section_type3 h3.titre		{ text-shadow:1px 1px 1px #333333; color:#19c6e6; margin:0px; }
#section_mod_mini_catalogue_v1.section_type4 h3.titre		{ text-shadow:1px 1px 1px #333333; color:#EE3388; margin:0px; }
#section_mod_mini_catalogue_v1 h4							{ font-size:14px; font-weight:bold; margin-top:0px; }
#section_mod_mini_catalogue_v1 .bloc-section_mod_mini_catalogue_v1		{ padding:2px 5px 2px 2px; margin:12px 0px; height:146px; }
#section_mod_mini_catalogue_v1 img							{ border-radius:5px; }
#section_mod_mini_catalogue_v1 .bloc-section_mod_mini_catalogue_v1 .pull-left			{ margin-right:8px; }
#section_mod_mini_catalogue_v1 .bloc-section_mod_mini_catalogue_v1 .section_mod_mini_catalogue_v1-txt	{ text-align:left; margin:5px 2px; overflow:hidden; height:130px; }

/* SECTION PARTENAIRES */
.contenu-partenaires .contenu-partenaires-photo	{ float:left; width:170px; line-height:170px; height:170px; text-align:center; margin:0px 20px; 20px 0px; }
.contenu-partenaires .contenu-partenaires-txt	{ text-align:left; }

/* 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; }

/* SECTION LOGOS-PARTENAIRES */
#logos-partenaires						{ padding:10px 0px; }
#logos-partenaires .cadre-photo			{ margin-bottom:10px; }
#logos-partenaires .bloc-logo			{ display:inline-block; width:190px; height:250px; text-align:center; padding:0 10px; color:#666666; font-size:12px; padding:15px 10px; }
#logos-partenaires .bloc-logo a			{ color:#666666; }
#logos-partenaires .bloc-logo img		{ vertical-align:middle; width:100%; }

/* FOOTER */
#footer									{ line-height:25px; min-height:25px; color:#FFFFFF; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #000000; box-shadow: 0px -2px 2px #999999; }
#footer a								{ margin: 0px 5px; color:#FFFFFF; }
#footer a:hover							{ text-decoration:underline; }
#footer ul								{ list-style: none; padding: 0; margin: 0; }
#footer ul > li 						{ display: inline-block; }
.background-footer						{
										background:#19c6e6;
										background-image: -webkit-gradient(linear, left top, left bottom, from(#19c6e6), to(#0da4dd)); /* Saf4 , Chrome */
										background-image: -webkit-linear-gradient(#19c6e6,#0da4dd); /* Chrome 10 , Saf5.1  */
										background-image:    -moz-linear-gradient(#19c6e6,#0da4dd); /* FF3.6 */
										background-image:     -ms-linear-gradient(#19c6e6,#0da4dd); /* IE10 */
										background-image:      -o-linear-gradient(#19c6e6,#0da4dd); /* Opera 11.10  */
										background-image:         linear-gradient(#19c6e6,#0da4dd);
										}
#bloc-social-network					{
										padding: 0px 5px;
										float:right;
										background:#0da4dd;
										background-image: -webkit-gradient(linear, left top, left bottom, from(#0da4dd), to(#19c6e6)); /* Saf4 , Chrome */
										background-image: -webkit-linear-gradient(#0da4dd,#19c6e6); /* Chrome 10 , Saf5.1  */
										background-image:    -moz-linear-gradient(#0da4dd,#19c6e6); /* FF3.6 */
										background-image:     -ms-linear-gradient(#0da4dd,#19c6e6); /* IE10 */
										background-image:      -o-linear-gradient(#0da4dd,#19c6e6); /* Opera 11.10  */
										background-image:         linear-gradient(#0da4dd,#19c6e6);
										}
#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_ccss/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; }
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; }
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; }
select.form_custom option:checked		{ color:#333333; background:#CCCCCC;  }
select.form_custom option::-moz-selection			{ color:#333333; background:#CCCCCC;  }
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:#19c6e6 url(/templates/template_ccss/images/fleche-droite-right.png) no-repeat; background-position: center right; border:0px; border-radius:15px; color:#FFFFFF; font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000; text-decoration:none; }
.bou-1:hover							{ color:#FFFFFF; background:#0da4dd url(/templates/template_ccss/images/fleche-droite-right.png) no-repeat; background-position: center right; border:0px; text-decoration: none; }
.bou-1 a, .bou-1 a:hover				{ color:#FFFFFF; background:none; 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:#19c6e6; border:0px; border-radius:10px; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:none; }
.bou-2:hover							{ color:#FFFFFF; background:#0da4dd; border:0px; text-decoration: none; }
.bou-2 a, .bou-2 a:hover				{ color:#FFFFFF; background:none; 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:#EE3388 url(/templates/template_ccss/images/fleche-droite-right.png) no-repeat; background-position: center right; 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:#DD2277 url(/templates/template_ccss/images/fleche-droite-right.png) no-repeat; background-position: center right; border:0px; text-decoration: none; }
.bou-3 a, .bou-3 a:hover				{ color:#FFFFFF; background:none; 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:#19c6e6 url(/templates/template_ccss/images/fleche-droite-right.png) no-repeat; background-position: center right; 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:#0da4dd url(/templates/template_ccss/images/fleche-droite-right.png) no-repeat; background-position: center right; border:0px; text-decoration: none; }
.bou-1-link a, .bou-1-link a:hover		{ color:#FFFFFF; background:none; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; }


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

/* RESPONSIVE */
#main-alert-mobile						{ display:none; visibility:hidden; }
.row									{ width: 100%; max-width: 1128px; margin:0px; padding:0px; }

/* DIVERS */
.ancre-interne							{ position:absolute; top:-130px; }
.txt-color1								{ color:#19c6e6; }
.txt-color2								{ color:#39E6F6; }
.txt-color3								{ color:#EE3388; }
.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; }

@media (min-width: 1200px)
	{ /* lg */
	.dropdown:hover .dropdown-menu		{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
	.navbar-nav li, .dropdown-menu li	{ font-size:13px; }
	#top-bar-nav ul a					{ padding:0px 15px; }
	}
@media (min-width: 992px) and (max-width: 1199px)
	{ /* md */
	.dropdown:hover .dropdown-menu		{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
	.navbar-nav li, .dropdown-menu li	{ font-size:13px; }
	#top-bar-nav ul a					{ padding:0px 9px; }
	.container, .row					{ width:100%; }
	}
@media (min-width: 768px) and (max-width: 991px)
	{ /* sm */
	.dropdown:hover .dropdown-menu		{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
	.navbar-nav li, .dropdown-menu li	{ font-size:11px; }
	#top-bar-nav ul a					{ padding:0px 7px; }
	.container, .row					{ width:100%; }
	#bloc-tel							{ font-size:14px; }
	#bloc-tel .icon-tel					{ font-size:18px; }
	#bloc-tel .ligne-tel				{ font-size:16px; }
	}
@media (max-width: 767px)
	{ /* xs */
	.dropdown							{  }
	.dropdown-menu li					{ font-size:11px; padding-left:25px; }
	/*
	#bloc-menu-secondaire				{ visibility:hidden; }
	#main								{ display:none; visibility:hidden; }
	#main-alert-mobile					{ display:block; visibility:visible; }
	*/
	.container, .row					{ width:100%; }
	#bloc-menu-secondaire				{ text-align:center; }
	#bloc-menu-secondaire #bloc-en-savoir-plus	{ margin:0px; float:none; }
	.contenu-partenaires				{ margin:0px; }
	}
@media (max-width: 650px)
	{ /* xs Portrait */
	.dropdown							{  }
	.dropdown-menu li					{ font-size:12px; padding-left:25px; }
	/*
	#bloc-menu-secondaire				{ visibility:hidden; }
	#main								{ display:none; visibility:hidden; }
	#main-alert-mobile					{ display:block; visibility:visible; }
	*/
	.container, .row					{ width:100%; }
	#bloc-menu-secondaire										{ text-align:center; }
	#bloc-menu-secondaire #bloc-en-savoir-plus					{ margin:0px; float:none; }
	#bloc-menu-secondaire.affix .container						{ padding:0px; margin:0px; }
	#bloc-menu-secondaire.affix #bloc-en-savoir-plus-bou .bou-1	{ font-size:10px; width:100px; padding:10px 25px 5px 5px; }
	#titre-page-affix					{ display:none; visibility:hidden; }
	.social-share						{ display:none; visibility:hidden; }
	.contenu-partenaires				{ margin:0px; }
	.contenu-partenaires .contenu-partenaires-photo		{ float:none; }
	.contenu-partenaires .contenu-partenaires-txt		{ min-width:250px; margin-left:20px; }
	}