/* Fontface */

@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");

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

/* Par défaut */

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

a:visited	{ color: #e78f00; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none; }
a:link		{ color: #e78f00; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none; }
a:hover		{ color: #cf7f00; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: none; }
a:active	{ color: #cf7f00; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: underline; }

.wuDefaultText	{ color: #000000; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; }

input			{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; background-color: rgba(255, 255, 255, 0.25); padding: 10px; border: 1px solid #ffffff; width: 100%; box-sizing: border-box; }
textarea		{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; background-color: rgba(255, 255, 255, 0.25); padding: 10px; border: 1px solid #ffffff; width: 100%; box-sizing: border-box; }
select			{ color: #000000; font-size: 1rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; background-color: rgba(255, 255, 255, 0.25); padding: 10px; border: 1px solid #ffffff; width: 100%; box-sizing: border-box; }

input:focus, textarea:focus, select:focus { border-bottom: 1px solid #000000; }

input[name="envoyer"]		{ color: #000000; text-transform: uppercase; background-color: #ffffff; text-align: center; padding: 15px 30px 15px 30px; border: 1px solid #ffffff; width: auto; box-sizing: border-box; transition: background-color 1s ease 0s; }
input[name="envoyer"]:hover	{ color: #ffffff; background-color: #000000; cursor: pointer; }

html, body		{ -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; margin: 0px; height: 100%; }

/* CSS additionnelles */

.colonne_h15		{ padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.colonne_h30		{ padding-left: 30px; padding-right: 30px; box-sizing: border-box; }

.fond_img_cover			{ background-size: cover; }
.fond_couleur_fond_25	{ background-color: rgba(233, 229, 215, 0.25); }
.fond_couleur_fond_50	{ background-color: rgba(233, 229, 215, 0.5); }
.fond_couleur_fond_75	{ background-color: rgba(233, 229, 215, 0.75); }
.fond_couleur_fond		{ background-color: #e9e5d7; }

.alignement_gauche	{ text-align: left; }
.alignement_centre	{ text-align: center; }
.alignement_droite	{ text-align: right; }

.colonne_min_height_320	{ min-height: 320px; }

.colonne_filet_droite_print	{ border-right: 1px solid #309830; }
.colonne_filet_droite_web	{ border-right: 1px solid #da5814; }
.colonne_filet_droite_dev	{ border-right: 1px solid #4882c5; }

.image_ombre_or img[id*="wuImg"]	{ box-shadow: 0px 5px 10px #b57000; }
.image_ombre img[id*="wuImg"]		{ box-shadow: 0px 5px 10px #999999; }
.image_ombre_60 img[id*="wuImg"]	{ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.60); }
.image_ombre_60 img[id*="wuImg"]:hover	{ box-shadow: 0px 5px 10px rgba(232, 145, 12, 0.60); }

/* Textes */

.op_titre_48_print	{ font-size: 3rem; color: #309830; text-transform: uppercase; text-align: left; }
.op_titre_48_web	{ font-size: 3rem; color: #da5814; text-transform: uppercase; text-align: left; }
.op_titre_48_dev	{ font-size: 3rem; color: #4882c5; text-transform: uppercase; text-align: left; }

.op_titre_48_or_u		{ font-size: 3rem; color: #e78f00; text-transform: uppercase; text-align: left; }
.op_titre_38_u_c		{ font-size: 2.375rem; text-transform: uppercase; text-align: center; }
.op_titre_28_or			{ font-size: 1.75rem; color: #e78f00; text-align: left; }
.op_titre_28_u_dr		{ font-size: 1.75rem; text-transform: uppercase; text-align: right; }
.op_titre_20_blanc_u	{ font-size: 1.25rem; color: #ffffff; text-transform: uppercase; text-align: left; }

.op_texte_20		{ font-size: 1.25rem; text-align: left; }
.op_texte_16		{ font-size: 1rem; text-align: left; }
.op_texte_16_c		{ font-size: 1rem; text-align: center; }
.op_texte_12		{ font-size: 0.75rem; text-align: left; }
.op_texte_12_c		{ font-size: 0.75rem; text-align: center; }

/* Navigations */

.op_navigation_txt			{ color: #e78f00; font-size: 1rem; text-transform: uppercase; padding: 5px 25px 5px 25px; margin-top: 25px; border-radius: 5px 5px 0px 0px; display: inline-block; }
.op_navigation_txt:visited	{ background-color: #ffffff; }
.op_navigation_txt:link		{ background-color: #ffffff; }
.op_navigation_txt:hover	{ background-color: #e78f00; color: #ffffff; }
.op_navigation_txt:active	{ background-color: #cf7f00; color: #ffffff; }

.op_navigation_txt_d			{ color: #ffffff; font-size: 1rem; text-transform: uppercase; padding: 5px 25px 5px 25px; margin-top: 25px; border-radius: 5px 5px 0px 0px; display: inline-block; }
.op_navigation_txt_d:visited	{ background-color: #e78f00; color: #ffffff; }
.op_navigation_txt_d:link		{ background-color: #e78f00; color: #ffffff; }
.op_navigation_txt_d:hover		{ background-color: #e78f00; color: #ffffff; text-decoration: underline; }
.op_navigation_txt_d:active		{ background-color: #cf7f00; color: #ffffff; }

/* Hack */

#wuContentAll *	{ box-sizing: border-box; }

aside[id="one_page_en-tete"]	{ background-color: #ffffff; width: 100%; height: auto; left: 0px; top: 0px; position: fixed; z-index: 1000; }
aside[id="one_page_en-tete"] div[id="one_page_bandeau"] { width: 100%; height: auto; display: flex;  flex-direction: row; justify-content: center; }
aside[id="one_page_en-tete"] div[id="one_page_bandeau"] div[id="one_page_texte"] { width: 340px; padding: 20px 30px 0px 30px; text-align: left; box-sizing: border-box; }
aside[id="one_page_en-tete"] div[id="one_page_bandeau"] div[id="one_page_texte"] h1 { color: #999999; font-size: 1.25rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; }
aside[id="one_page_en-tete"] div[id="one_page_bandeau"] div[id="one_page_texte"] h2 { color: #999999; font-size: 1.25rem; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; }
aside[id="one_page_en-tete"] div[id="one_page_bandeau"] div[id="one_page_logo"] { width: 340px; padding: 0px 30px 0px 30px; text-align: center; box-sizing: border-box; }
aside[id="one_page_en-tete"] div[id="one_page_bandeau"] div[id="one_page_vide"] { width: 340px; padding: 0px 30px 0px 30px; text-align: right; box-sizing: border-box; }