/* Font-face */

@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i';
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i';

@import url("../../ressources/10238/24/font-awesome.css");

@font-face {
  font-family: 'FontAwesome';
  src: url('../../ressources/10238/29/fontawesome-webfont.eot?v=4.5.0');
  src: url('../../ressources/10238/29/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
       url('../../ressources/10238/25/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),
       url('../../ressources/10238/27/fontawesome-webfont.woff?v=4.5.0') format('woff'),
       url('../../ressources/10238/26/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
       url('../../ressources/10238/28/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Divers */

h1, h2, h3, h4, h5, h6	{ margin: 0px; }
div, ul, p, ol			{ color: #000000; font-size: 16px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; }
html, body				{ color: #000000; font-size: 16px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; }
html, body				{ -moz-osx-font-smoothing: grayscale; }
img						{ border: none; }
p, ul, ol				{ margin: 0px; }
ul, ol					{ padding-left: 15px; }

input			{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; background-color: #ffffff; padding: 2px; border: solid 1px #cccccc; font-style: normal; font-weight: 400; width: 100%; box-sizing: border-box; }
textarea		{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; background-color: #ffffff; padding: 2px; border: solid 1px #cccccc; font-style: normal; font-weight: 400; width: 100%; box-sizing: border-box; }
select			{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; background-color: #ffffff; padding: 2px; border: solid 1px #cccccc; font-style: normal; font-weight: 400; width: 100%; box-sizing: border-box; }

form[name="wuForm_1012718"] input[type="image"] { width: auto; }
input[type="image"] { width: auto; }

a:visited	{ color: #e99410; font-family: "Roboto", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; }
a:link		{ color: #e99410; font-family: "Roboto", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; }
a:hover		{ color: #e99410; font-family: "Roboto", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-decoration: underline; }
a:active	{ color: #000000; font-family: "Roboto", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-decoration: underline; }

.wuDefaultText	 { color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; }

.couleur_blanc	{ color: #ffffff; }
.couleur_noir	{ color: #000000; }

/* CSS additionnelles */

.fond_orange_75	{ background-color: rgba(233, 148, 16, 0.75); }
.fond_blanc_75	{ background-color: rgba(255, 255, 255, 0.75); }

.bordure_haut_orange	{ border-top: 1px solid #e99410; }

.colonne_h15			{ padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.colonne_h30			{ padding-left: 30px; padding-right: 30px; box-sizing: border-box; }
.colonne_v30_h15		{ padding: 30px 15px 30px 15px; box-sizing: border-box; }
.colonne_img_cover		{ background-size: cover; }

.rangee_int_h15 > div	{ padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.rangee_int_h30 > div	{ padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

.colonne_min_height_320	{ min-height: 320px; }
.colonne_min_height_480	{ min-height: 480px; }

.diaporama_hauteur_min_480		{ min-height: 480px; }

.colonne_droite			{ text-align: right; }
.colonne_centre			{ text-align: center; }

.article_480			{ width: 480px; display: inline-block; }
.article_480_mtb_120	{ width: 480px; display: inline-block; margin-top: 120px; margin-bottom: 120px; }
.article_510			{ width: 510px; display: inline-block; }
.article_990			{ width: 990px; display: inline-block; }

.couleur_fond_conseil_75	{ background-color: rgba(72, 82, 155, 0.75); }
.couleur_fond_creation_75	{ background-color: rgba(92, 44, 127, 0.75); }
.couleur_fond_print_75		{ background-color: rgba(48, 152, 48, 0.75); }
.couleur_fond_web_75		{ background-color: rgba(218, 88, 20, 0.75); }
.couleur_fond_dev_75		{ background-color: rgba(72, 130, 197, 0.75); }

.couleur_fond_noir_25		{ background-color: rgba(0, 0, 0, 0.25); }

.fond_degrade_ciel_lp	{
	background-color: #dbeceb;
	background-image: radial-gradient(circle farthest-corner at 35% 50%, #ffffff 0%, #dbeceb 25%); /* w3c */
}

.bordure_orange_bas		{ border-bottom: 1px solid #e99410; }
.bordure_blanc_demi		{ border: 0.5rem solid #ffffff; }

.rangee_bord_blanc_demi > div	{ border: 0.5rem solid #ffffff; }

.encadre_blanc_ombre	{ background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); padding: 0.5rem; display: inline-block; }

.navigation_ibloc ul		{ display: inline-block; }
.navigation_flex_centre ul	{ display: flex; flex-flow: row wrap; justify-content: center; }
.navigation_li_centre ul li { text-align: center; }

.plaquette img[id*="wuImg"]			{ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border: 1px solid #cca77e; }
.plaquette img[id*="wuImg"]:hover	{ box-shadow: 0px 0px 10px rgba(233, 148, 16, 1); border-radius: 10px; }


.invisible	{ display: none; }

/* Mur de références */

.carte					{ background-color: #ffffff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); width: 80%; max-width: 480px; text-transform: uppercase; border-radius: 0.5rem; margin: 1rem 0; overflow: hidden; display: inline-block; transition: all ease 0.3s; }
.carte:hover			{ background-color: #000000; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75), 0px 0px 16px rgba(233, 148, 16, 0.5); }
a.carte					{ text-decoration: none; }
.carte img				{ width: 100%; height: auto; }
.carte .carte_zone		{ width: 100%; height: 75px; position: relative; text-align: center; }
.carte p				{ color: #000000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.carte:hover p			{ color: #ffffff; }

/* Accueil */

.a_titre60			{ color: #ffffff; font-size: 3.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; text-transform: uppercase; line-height: normal; }
.a_texte28			{ color: #ffffff; font-size: 1.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; line-height: normal; }

.grandtitre56c		{ color: #ffffff; font-size: 56px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: center; text-transform: uppercase; line-height: normal; }
.grandtitre56cn		{ color: #000000; font-size: 56px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: center; text-transform: uppercase; line-height: normal; }
.grandtitre34c		{ color: #ffffff; font-size: 34px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 700; text-align: center; text-transform: uppercase; line-height: normal; }
.grandtexte30c		{ color: #ffffff; font-size: 30px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: center; line-height: normal; }
.grandtexte22		{ color: #ffffff; font-size: 22px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; line-height: normal; }
.petittexte18		{ color: #000000; font-size: 18px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; text-transform: uppercase; line-height: normal; }
.petittexte14		{ color: #000000; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; line-height: normal; }

.petittexte14u	{ color: #000000; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 300; font-stretch: normal; text-align: left; text-transform: uppercase; line-height: normal; }

.petittexte14r	{ color: #000000; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 300; font-stretch: normal; text-align: center; text-transform: uppercase; line-height: normal; }
a.petittexte14r:visited	{ color: #000000; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; line-height: normal; text-transform: uppercase; text-decoration: underline; font-weight: 300; font-stretch: normal; }
a.petittexte14r:link	{ color: #000000; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; line-height: normal; text-transform: uppercase; text-decoration: underline; font-weight: 300; font-stretch: normal; }
a.petittexte14r:hover	{ color: #000000; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; line-height: normal; text-transform: uppercase; text-decoration: none; font-weight: 300; font-stretch: normal; }
a.petittexte14r:active	{ color: #e99410; font-size: 14px; font-family: "Roboto", Arial, Helvetica, sans-serif; line-height: normal; text-transform: uppercase; text-decoration: none; font-weight: 300; font-stretch: normal; }

.a_texte12_c			{ color: #999999; font-size: 0.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 300; text-align: center; }
a.a_texte12_c:visited	{ color: #999999; font-size: 0.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: 300; }
a.a_texte12_c:link		{ color: #999999; font-size: 0.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: 300; }
a.a_texte12_c:hover		{ color: #ffffff; font-size: 0.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: 300; }
a.a_texte12_c:active	{ color: #e99410; font-size: 0.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: 300; }

.ensavoirplusa			{ color: #ffffff; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; text-align: center; display: inline-block; }
a.ensavoirplusa:visited	{ color: #ffffff; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: none; padding-top: 58px; background-image: url("../10220/07/en-savoir-plus.png"); background-position : center top; background-repeat: no-repeat; background-size: auto auto !important; }
a.ensavoirplusa:link	{ color: #ffffff; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: none; padding-top: 58px; background-image: url("../10220/07/en-savoir-plus.png"); background-position : center top; background-repeat: no-repeat; background-size: auto auto !important; }
a.ensavoirplusa:hover	{ color: #ffffff; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: underline; padding-top: 58px; background-image: url("../10220/17/en-savoir-plus-over.png"); background-position : center top; background-repeat: no-repeat; background-size: auto auto !important; }
a.ensavoirplusa:active	{ color: #e99410; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: underline; padding-top: 58px; background-image: url("../10220/17/en-savoir-plus-over.png"); background-position : center top; background-repeat: no-repeat; background-size: auto auto !important; }

.ensavoirplusb			{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; text-align: center; display: inline-block; }
a.ensavoirplusb:visited	{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: none; padding-top: 58px; background-image: url("../10220/07/en-savoir-plus.png"); background-position : center top; background-repeat: no-repeat; background-size: auto auto !important; }
a.ensavoirplusb:link	{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: none; padding-top: 58px; background-image: url("../10220/07/en-savoir-plus.png"); background-position : center top; background-repeat: no-repeat; background-size: auto auto !important; }
a.ensavoirplusb:hover	{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: underline; padding-top: 58px; background-image: url("../10220/17/en-savoir-plus-over.png"); background-position : center top; background-repeat: no-repeat; background-size: auto auto !important; }
a.ensavoirplusb:active	{ color: #e99410; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-decoration: underline; padding-top: 58px; background-image: url("../10220/17/en-savoir-plus-over.png"); background-position : center top; background-repeat: no-repeat; background-size: auto auto !important; }

/* Navigation */

.menua			{ color: #ffffff; font-size: 2.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; text-align: left; line-height: normal; padding-left: 60px; background-image: url("../10220/05/rond-down.png"); background-position : left 15px; background-repeat: no-repeat; background-size: auto auto !important; }
a.menua:visited	{ color: #ffffff; font-size: 2.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; line-height: normal; text-decoration: none; background-image: url("../10220/21/rond.png"); background-position : left 15px; background-repeat: no-repeat; background-size: auto auto !important; }
a.menua:link	{ color: #ffffff; font-size: 2.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; line-height: normal; text-decoration: none; background-image: url("../10220/21/rond.png"); background-position : left 15px; background-repeat: no-repeat; background-size: auto auto !important; }
a.menua:hover	{ color: #ffffff; font-size: 2.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; line-height: normal; text-decoration: none; background-image: url("../10220/24/rond-over.png"); background-position : left 15px; background-repeat: no-repeat; background-size: auto auto !important; }
a.menua:active	{ color: #000000; font-size: 2.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; line-height: normal; text-decoration: none; background-image: url("../10220/05/rond-down.png"); background-position : left 15px; background-repeat: no-repeat; background-size: auto auto !important; }

.menuhaut			{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: line-through; margin-left: 10px; margin-right: 10px; }
a.menuhaut:visited	{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menuhaut:link		{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menuhaut:hover	{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menuhaut:active	{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }

.menubas			{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: line-through; margin-left: 10px; margin-right: 10px; }
a.menubas:visited	{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menubas:link		{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menubas:hover		{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menubas:active	{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }

.menubasdown			{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: line-through; margin-left: 10px; margin-right: 10px; }
a.menubasdown:visited	{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: line-through; }
a.menubasdown:link		{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: line-through; }
a.menubasdown:hover		{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menubasdown:active	{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; }

#menu-tous ul	{ list-style-type: none; margin: 0px; padding: 0px; }
#menu-tous li	{ padding-bottom: 0.5rem; padding-top: 0.5rem; border-bottom: solid 1px #e9b86d; }

#menu-tous li:first-child	{ padding-top: 0px; }
#menu-tous li:last-child	{ padding-bottom: 0px; border-bottom: none; }

#menu-tous a			{ color: #ffffff; font-size: 2.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; text-align: left; line-height: normal; padding-left: 60px; }
#menu-tous a:visited	{ background-image: url("../10220/21/rond.png"); background-position : left 15px; background-repeat: no-repeat; text-decoration: none; }
#menu-tous a:link		{ background-image: url("../10220/21/rond.png"); background-position : left 15px; background-repeat: no-repeat; text-decoration: none; }
#menu-tous a:hover		{ background-image: url("../10220/24/rond-over.png"); background-position : left 15px; background-repeat: no-repeat; text-decoration: none; }
#menu-tous a:active		{ background-image: url("../10220/05/rond-down.png"); background-position : left 15px; background-repeat: no-repeat; text-decoration: none; color: #000000; }

.menu-tous_a			{ color: #ffffff; font-size: 2.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; text-align: left; line-height: normal; padding-left: 60px; padding-bottom: 0.25rem !important; background-image: url("../10220/05/rond-down.png"); background-position : left 15px; background-repeat: no-repeat; }

.menuclient				{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; text-align: left; margin-bottom: 0.5rem; display: inline-block; text-decoration: line-through; }
a.menuclient:visited	{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none; }
a.menuclient:link		{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none; }
a.menuclient:hover		{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: underline; }
a.menuclient:active		{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: line-through; }

.menuclientbas				{ color: #ffffff; font-size: 0.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: line-through; margin: 1rem 0.75rem 1rem 0.75rem; }
a.menuclientbas:visited		{ color: #ffffff; }
a.menuclientbas:link		{ color: #ffffff; }
a.menuclientbas:hover		{ color: #ffffff; }
a.menuclientbas:active		{ color: #ffffff; }

.menuclientbasdown			{ color: #ffffff; font-size: 0.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: line-through; margin: 1rem 0.75rem 1rem 0.75rem; }
a.menuclientbasdown:visited	{ color: #ffffff; text-decoration: line-through; }
a.menuclientbasdown:link	{ color: #ffffff; text-decoration: line-through; }
a.menuclientbasdown:hover	{ color: #ffffff; }
a.menuclientbasdown:active	{ color: #ffffff; }

.menuclientbas, .menuclientbasdown	{ display: inline-block; }

.menualt				{ color: #000000; font-size: 0.875rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; text-align: left; text-decoration: line-through; padding: 5px 10px 5px 10px; display: inline-block; }
a.menualt:visited		{ color: #000000; font-size: 0.875rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menualt:link			{ color: #000000; font-size: 0.875rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menualt:hover			{ color: #000000; font-size: 0.875rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; }
a.menualt:active		{ color: #000000; font-size: 0.875rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; }

/* Textes */

.slogan20up		{ color: #999999; font-size: 1.25rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; text-transform: uppercase; }
.slogan20up_c	{ color: #999999; font-size: 1.25rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: center; text-transform: uppercase; }

.titre40			{ color: #000000; font-size: 2.5rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; }
.titre40_400_c		{ color: #000000; font-size: 2.5rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; }
.titre40blanc_400_c	{ color: #ffffff; font-size: 2.5rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; }

.titrecontact		{ color: #ffffff; font-size: 1.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; padding-left: 40px; background-image: url("../../ressources/10227/74/picto-contact.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; display: inline-block; text-align: center; }
.titreagence		{ color: #ffffff; font-size: 1.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; padding-left: 35px; background-image: url("../../ressources/10232/65/picto-sailing.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; display: inline-block; text-align: center; }
.titreservices		{ color: #ffffff; font-size: 1.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; padding-left: 36px; background-image: url("../../ressources/10228/33/picto-services.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; display: inline-block; text-align: center; }
.titresolutions		{ color: #ffffff; font-size: 1.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; padding-left: 24px; background-image: url("../../ressources/10234/14/picto-solutions.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; display: inline-block; text-align: center; }
.titrerealisations	{ color: #ffffff; font-size: 1.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; padding-left: 24px; background-image: url("../../ressources/10233/11/picto-realisations.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; display: inline-block; text-align: center; }
.titrementions		{ color: #ffffff; font-size: 1.75rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; padding-left: 30px; background-image: url("../../ressources/10236/42/picto-mentions.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; display: inline-block; text-align: center; }

.titre32			{ color: #000000; font-size: 2rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; }
.titre32blanc		{ color: #ffffff; font-size: 2rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; }
.titre32blancup		{ color: #ffffff; font-size: 2rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; text-align: center; }

.titre24			{ color: #000000; font-size: 1.5rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; }
.titre24blanc		{ color: #ffffff; font-size: 1.5rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; }

.titre24up			{ color: #000000; font-size: 1.5rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; text-align: left; }
.titre24upborder	{ color: #000000; font-size: 1.5rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; padding-bottom: 10px; border-bottom: solid 1px #e99410; text-align: left; }
.titre24upborder_c	{ color: #000000; font-size: 1.5rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; padding-bottom: 10px; border-bottom: solid 1px #e99410; text-align: center; }
.titre20up			{ color: #000000; font-size: 1.25rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; text-align: left; }

.texte24			{ color: #000000; font-size: 1.5rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; }

.texte20blanc		{ color: #ffffff; font-size: 1.25rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; }

.texte16boldup		{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; text-align: left; }

.texte16			{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; }
.texte16_c			{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; }
.texte16_c_up		{ color: #000000; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; text-align: center; }

.texte16gris		{ color: #666666; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; }

.texte14noir50		{ color: rgba(0, 0, 0, 0.5); font-size: 0.875rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; }

.lien16				{ color: #e99410; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; padding-left: 25px; display: inline-block; }
a.lien16:visited	{ background-image: url("../../ressources/10233/70/puce-16.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; }
a.lien16:link		{ background-image: url("../../ressources/10233/70/puce-16.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; }
a.lien16:hover		{ background-image: url("../../ressources/10233/71/puce-16-over.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; }
a.lien16:active		{ background-image: url("../../ressources/10233/71/puce-16-over.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; }

.lien16web			{ color: #e99410; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: left; padding-left: 25px; display: inline-block; }
a.lien16web:visited	{ background-image: url("../../ressources/10235/51/puce-16-site.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; }
a.lien16web:link	{ background-image: url("../../ressources/10235/51/puce-16-site.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; }
a.lien16web:hover	{ background-image: url("../../ressources/10235/52/puce-16-site-over.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; }
a.lien16web:active	{ background-image: url("../../ressources/10235/52/puce-16-site-over.png"); background-position : left center; background-repeat: no-repeat; background-size: auto auto !important; }

.textebas			{ color: #666666; font-size: 0.75rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; }
a.textebas:visited	{ color: #666666; font-size: 0.75rem; text-decoration: underline; }
a.textebas:link		{ color: #666666; font-size: 0.75rem; text-decoration: underline; }
a.textebas:hover	{ color: #000000; font-size: 0.75rem; text-decoration: underline; }
a.textebas:active	{ color: #000000; font-size: 0.75rem; text-decoration: underline; }

.boutonoeil				{ color: #e99410; font-size: 1rem; font-family: "Roboto", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; text-transform: uppercase; padding-top: 70px; display: inline-block; }
a.boutonoeil:visited	{ font-size: 1rem; text-transform: uppercase; background-image: url("../../ressources/10229/30/piccto-oeil-1.png"); background-position : center top; background-repeat: no-repeat; background-size: 60px !important; }
a.boutonoeil:link		{ font-size: 1rem; text-transform: uppercase; background-image: url("../../ressources/10229/30/piccto-oeil-1.png"); background-position : center top; background-repeat: no-repeat; background-size: 60px !important; }
a.boutonoeil:hover		{ font-size: 1rem; text-transform: uppercase; background-image: url("../../ressources/10229/31/piccto-oeil-2.png"); background-position : center top; background-repeat: no-repeat; background-size: 60px !important; }
a.boutonoeil:active		{ font-size: 1rem; text-transform: uppercase; background-image: url("../../ressources/10229/31/piccto-oeil-2.png"); background-position : center top; background-repeat: no-repeat; background-size: 60px !important; }

.motcle_n1_print		{ color: #309830; font-size: 1.5rem; text-transform: uppercase; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding-left: 10px; padding-right: 10px; }
.motcle_n1_web			{ color: #da5814; font-size: 1.5rem; text-transform: uppercase; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding-left: 10px; padding-right: 10px; }
.motcle_n1_dev			{ color: #4882c5; font-size: 1.5rem; text-transform: uppercase; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding-left: 10px; padding-right: 10px; }
.motcle_n2				{ color: #000000; font-size: 1.25rem; text-transform: uppercase; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding-left: 10px; padding-right: 10px; }
.motcle_n3				{ color: #666666; font-size: 1rem; text-transform: uppercase; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding-left: 10px; padding-right: 10px; }
.motcle_n4				{ color: #999999; font-size: 0.75rem; text-transform: uppercase; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding-left: 10px; padding-right: 10px; }

.boutonclient			{ color: #ffffff; font-size: 1rem; text-transform: uppercase; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; text-align: center; padding-top: 15px; padding-bottom: 15px; width: 100%; margin-top: 150px; margin-bottom: 150px; border: 2px solid #ffffff; display: inline-block; }
a.boutonclient:visited	{ color: #ffffff; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; background-color: rgba(0, 0, 0, 0.75); }
a.boutonclient:link		{ color: #ffffff; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; background-color: rgba(0, 0, 0, 0.75); }
a.boutonclient:hover	{ color: #000000; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; background-color: #e99410; text-decoration: none; }
a.boutonclient:hover	{ color: #000000; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; background-color: #e99410; text-decoration: none; }

.bouton_classique			{ font-size: 1rem; text-transform: uppercase; padding: 1rem 2rem; text-align: center; display: inline-block; }
a.bouton_classique:visited	{ color: #000000; background-color: #ffffff; border: 1px solid #ff9900; }
a.bouton_classique:link		{ color: #000000; background-color: #ffffff; border: 1px solid #ff9900; }
a.bouton_classique:hover	{ color: #ffffff; background-color: #ff9900; border: 1px solid #ff9900; text-decoration: none; }
a.bouton_classique:active	{ color: #000000; background-color: #ff9900; border: 1px solid #ff9900; }

.slidecktitre			{ color: #333333; font-size: 25px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; line-height: 1.5rem; margin: 0; font-weight: 400; }
.slidecksoustitre		{ color: #666666; font-size: 17px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; line-height: 1.5rem; margin: 0; font-weight: 400; }
.slidecksoustitrecentre	{ color: #666666; font-size: 17px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; line-height: 1.5rem; margin: 0; font-weight: 400; text-align: center; }

.texteligne1		{ color: #666666; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin: 0; padding-top: 15px; }
.texteligne2		{ color: #ff9900; font-size: 19px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; line-height: normal; margin: 0; padding-left: 15px; font-weight: 400; }

.titre26orangeup	{ color: #ff9900; font-size: 26px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; line-height: 1.5rem; margin: 0; text-align: left; text-transform: uppercase; font-weight: 400; }
.titre18orangeup	{ color: #ff9900; font-size: 18px; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; line-height: 1.5rem; margin: 0; text-align: left; text-transform: uppercase; font-weight: 400; }
.texte14gris		{ color: #666666; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.8rem; margin: 0; }
a.texte14gris:visited	{ color: #3277b5; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; text-decoration: none; }
a.texte14gris:link		{ color: #3277b5; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; text-decoration: none; }
a.texte14gris:hover		{ color: #3277b5; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; text-decoration: underline; }
a.texte14gris:active	{ color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; text-decoration: underline; }

.texte18gris		{ color: #666666; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.8rem; margin: 0; }

.wutitrecoulbold	{ color: #ff9900; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.8rem; margin: 0; }
.wutitrenoirbold	{ color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.8rem; margin: 0; }
.wutitregrisbold	{ color: #666666; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.8rem; margin: 0; }

.wutitrecoul	{ color: #ff9900; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }
.wutitrenoir	{ color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }
.wutitregris	{ color: #666666; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }

.wuchapeaucoul		{ color: #ff9900; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.8rem; margin: 0; }
.wuchapeaunoir		{ color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.8rem; margin: 0; }
.wuchapeaugris		{ color: #666666; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.8rem; margin: 0; }
a.wuchapeaugris:visited	{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.wuchapeaugris:link	{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.wuchapeaugris:hover	{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
a.wuchapeaugris:active	{ color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }

.wutextecoul		{ color: #ff9900; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }
.wutextenoir		{ color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }
.wutextenoirsans	{ color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin: 0; }
.wutextegris		{ color: #666666; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }
a.wutextegris:visited	{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; text-decoration: none; }
a.wutextegris:link		{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; text-decoration: none; }
a.wutextegris:hover		{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; text-decoration: underline; }
a.wutextegris:active	{ color: #000000; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; text-decoration: underline; }
.wutextegrissans	{ color: #666666; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin: 0; }

.wutextepetitcoul	{ color: #e99411; font-size: 9px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }
.wutextepetitnoir	{ color: #000000; font-size: 9px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }
.wutextepetitgris	{ color: #666666; font-size: 9px; font-family: Arial, Helvetica, sans-serif; line-height: 1.8rem; margin: 0; }
a.wutextepetitgris:visited	{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.wutextepetitgris:link		{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a.wutextepetitgris:hover	{ color: #3277b5; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
a.wutextepetitgris:active	{ color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }

/* Hack */

#wuContentAll *		{ box-sizing: border-box; }
div[id*="map"]		{ width: 100% !important; max-width: 100% !important; } /* Largeur carte Google */

#wu_1023843_object, #wu_1023831_object { text-align: center; } /* Alignement menu alternatif */

#wu_1023258_object_content ul { display: inline-block; } /* Agence Alignement navigation haut */

#wu_1022842_object_content ul { display: inline-block; } /* Services alignement navigation haut */
#wuRub[class*="wuErgo_1012335"] { background-size: cover; } /* Services fond page */

#wu_1022807_object { border-top: 1px solid #e99410; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } /* Pied Ligne navigation */
#wu_1022811_object_content ul { display: inline-block; } /* Pied Alignement navigation */
#wu_1022812_object { border-top: 1px solid #e99410; } /* Pied Ligne */
#wu_1022812_object > div { padding-left: 15px; padding-right: 15px; box-sizing: border-box; } /* Pied Colonnes */

div[class="slideshow_layer"]		{ max-width: 100% !important; height: auto !important; } /* Largeur des diaporamas et des images */
div[class="slideshow_layer"] img	{ max-width: 100% !important; height: auto !important; }

/* Responsive */

@media screen and (max-width: 1020px) {
.article_480, .article_510, .article_480_mtb_120, .article_990 { width: 100%; }
}

@media screen and (max-width: 834px) {
.diaporama_hauteur_min_480	{ min-height: 400px; }
}

@media screen and (max-width: 768px) {
.article_480_mtb_120	{ width: 100%; margin-top: 30px; margin-bottom: 30px; }
}

@media screen and (max-width: 480px) {
.a_titre60		{ font-size: 3rem; }
.colonne_h15	{ padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

div[class="slideshow_layer"]		{ max-width: 100% !important; height: auto !important; } /* Largeur des diaporamas et des images */
div[class="slideshow_layer"] img	{ max-width: 100% !important; height: auto !important; }
}

@media screen and (max-width: 360px) {
.a_titre60		{ font-size: 2.5rem !important; }
.diaporama_hauteur_min_480	{ min-height: 300px; }
}

@media screen and (max-width: 320px) {
.a_titre60 { font-size: 2rem !important; }
}