/* This file will hold styles that are loaded using the same media query as the wide grid. */


@font-face {font-family: 'HelveticaNeueLTPro-Lt';src: url('../fonts/2873A2_0_0.eot');src: url('../fonts/2873A2_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2873A2_0_0.woff') format('woff'),url('../fonts/2873A2_0_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro-Roman';src: url('../fonts/2873A2_1_0.eot');src: url('../fonts/2873A2_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2873A2_1_0.woff') format('woff'),url('../fonts/2873A2_1_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro-Th';src: url('../fonts/2873A2_2_0.eot');src: url('../fonts/2873A2_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2873A2_2_0.woff') format('woff'),url('../fonts/2873A2_2_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLTPro-Md';src: url('../fonts/2873A2_3_0.eot');src: url('../fonts/2873A2_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2873A2_3_0.woff') format('woff'),url('../fonts/2873A2_3_0.ttf') format('truetype');}

@font-face {font-family: 'BebasNeue';src: url('../fonts/BebasNeue.otf'); }



/* --------------------------- Commun --------------------------- */

body { background: white; text-align: justify; color: #59606c; }
.navigation, h1#page-title { display: none; }
table { border: 0; }

#region-content p img { width: 100%; height: auto; }
#region-content { padding-right: 10px; }
#region-content table { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-family: 'HelveticaNeueLTPro-Md'; font-weight: normal; }

/* --------------------------- TOP --------------------------- */

#headerFond {
  height: auto; width: 100%; 
  background: rgb(87,166,216); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3YTZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGJkZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(87,166,216,1) 0%, rgba(144,189,218,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,166,216,1)), color-stop(100%,rgba(144,189,218,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(87,166,216,1) 0%,rgba(144,189,218,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(87,166,216,1) 0%,rgba(144,189,218,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(87,166,216,1) 0%,rgba(144,189,218,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(87,166,216,1) 0%,rgba(144,189,218,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a6d8', endColorstr='#90bdda',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow:  0px 5px 20px 0px #53768c; box-shadow:  0px 5px 20px 0px #53768c;
position: relative;
z-index: 1;
padding-bottom: 20px;
}


#nuages { display: none; }

.region-branding .content { margin: auto; }
#logo { float: none; text-align: center; margin: 0 20px; }
#logo img { width: 70%; height: auto; }
#titre { float: none; color: white; font-size: 2.5em; padding: 0px 0 0 0; font-weight: normal; }
.titre1, .titre2, .titre3 { display: block; line-height: 1em; font-family: 'HelveticaNeueLTPro-Lt'; }
.titre2 { font-weight: normal; font-size: 1.2em; text-shadow: 0px 10px 20px #53768c; filter: dropshadow(color=#53768c, offx=0, offy=10); font-family: 'HelveticaNeueLTPro-Md'; }
.titre3 { text-align: right; }

#region-user-second { float: right; }

#block-locale-language { text-align: right; }

ul.language-switcher-locale-url { padding: 0; margin: 0; }
ul.language-switcher-locale-url li { list-style: none; display: inline; padding: 3px 6px; }
ul.language-switcher-locale-url li.active { background: #053056; color: white; }
ul.language-switcher-locale-url li a { font-weight: normal; font-family: 'BebasNeue'; text-decoration: none; font-size: 1.3em; }
ul.language-switcher-locale-url li a.active { color: white; }



/* --------------------------- mainmenu --------------------------- */

.mean-container .mean-bar { background: #053056; }
.mean-container .mean-nav { background: #053056; }
.mean-container .mean-nav ul li a:hover { background: #a4c55b; color: #053056; }

#headerFond .responsive-menus.responsified span.toggler {
    background: none repeat scroll 0 0 #53768c;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 2.35em;
    outline: medium none;
    padding: 0px;
    margin: 10px 0 0 0;
    text-align: left;
    width: 100%;
}

@media (max-width: 480px) {
  #headerFond #zone-menu-wrapper .container-12, #zone-menu-wrapper .container-12 .grid-12 { width: 100%; padding:0; margin: 0; } 
}

#block-system-main-menu { display: none; }
#block-cloudnrbomega-main-menu { display: none; }
 



/* --------------------------- content --------------------------- */



#section-content { z-index: 0; }
.region-content-inner { padding-top: 35px; padding-bottom: 15px;  }
#region-content h3 { font-size: 1.2em; color: #3D99C3; letter-spacing: 0.02em; margin: 0; }
#region-content h4 { font-size: 1.1em; margin: 0; letter-spacing: 0.01em; font-weight: 400; }


.style01 { color: #3d99c3; font-size: 11px; }
.style01Bold { color: #3d99c3; font-weight: bold; font-size: 11px; }

.style02 { color: #59606C; font-size: 11px; }
p .style02 { color: #59606C; font-size: 11px; }
.style02 p { color: #59606C; font-size: 11px; }
.style02Bold { color: #59606C; font-weight: bold; font-size: 11px; }

.style03txt14 { color: #3d99c3; font-weight: bold; font-size: 14px; text-align: left; }
.style03txt12 { color: #3d99c3; font-weight: bold; font-size: 12px; }

.style04 { color: #ffffff; font-weight: bold; font-size: 11px; }

.style05 { color: #59606C; font-weight: bold; font-size: 12px; }

.table01 { padding: 2px; margin: 1px; }
.table01 td { padding: 7px; }
.table02 { background: #f2f9fb; border: 1px solid #e6f4f9; line-height: 200%; width: 310px; }

.td01 { background: #3e5e6c; color: white; font-weight: bold; }
.td02 { background: #eef6f9; color: #59606C; font-size: 11px; }
.td03 { background: #daecf8; color: #59606C; font-size: 11px; }


.links.node-links { display: none; }

tr:hover td, tr.even:hover td.active, tr.odd:hover td.active { background: inherit; }

.contactPave {
    background: none repeat scroll 0 0 #EEF6F9;
    float: left;
    height: 220px;
    margin: 5px;
    padding: 3px 8px;
    line-height: 1.8em;
}
.contactPave h2 { color: #3d99c3; font-size: 1.2em; }
.contactPave span { display: block; margin: 10px 0; }
.contactPave span a { color: #59606C; font-weight: bold; }


#region-content table { padding: 2px; margin: 1px; border-collapse: collapse; width: 100%; font-size: 0.9em; }
#region-content table td { padding: 7px; color: #59606C; border: 1px solid white; }
#region-content table tr { background: #daecf8; }

.table02 { background: #f2f9fb; border: 1px solid #e6f4f9; line-height: 200%; width: 100%; }

#region-content table th { background: #3e5e6c; color: white; font-weight: bold; font-family: 'HelveticaNeueLTPro-Md'; border: 1px solid white; }
#region-content table tr:nth-child(odd) { background: #eef6f9;  }
#region-content table tr:nth-child(even) { background: #daecf8; }


.pageFAQ table { border: 0;  }
#region-content .pageFAQ table tr, #region-content .pageFAQ table tr:nth-child(odd), #region-content .pageFAQ table tr:nth-child(odd) { background: none; }
.pageFaqQuestionTitre { background: #f2f9fb; border: 1px solid #e6f4f9; width: 100%; padding: 3px; display: block;  }
.pageFaqQuestionTitre a { color: #3d99c3; font-weight: normal; font-family: 'HelveticaNeueLTPro-Md'; font-size: 1.1em; }
.pageFaqQuestionTitre a:hover { color: #3d99c3; }
.pageFaqReponse { line-height: 150%; width: 100%; padding: 5px; display: block; }
#region-content .pageFAQ table tr { background: none; }



.links.node-links { display: none; }

tr:hover td, tr.even:hover td.active, tr.odd:hover td.active { background: inherit; }

.contactPave {
    background: none repeat scroll 0 0 #EEF6F9;
    float: none;
    height: auto;
    margin: 5px;
    padding: 3px 8px;
    line-height: 1.8em;
    width: 90%;
}
.contactPave h2 { color: #3d99c3; font-size: 1.2em; letter-spacing: 0.02em; font-weight: 400; }
.contactPave span { display: block; margin: 10px 0; }
.contactPave span a { color: #59606C; font-weight: normal; font-family: 'HelveticaNeueLTPro-Md'; }





/* --------------------------- colonne droite --------------------------- */

.region-sidebar-second-inner { padding-top: 20px; }
#region-sidebar-second { background: #eef6f9; text-align: center; }

#region-sidebar-second table { border: 0; text-align: left; }
#region-sidebar-second table td { background: none; }

#region-sidebar-second .view-id-faq .pageFaqQuestion a { text-decoration: none; color: #59606C; } 
#region-sidebar-second .view-id-faq .pageFaqQuestion a:hover { text-decoration: none; color: #3d99c3; } 
#region-sidebar-second .view-id-faq .blocFaqQuestionTitre a { text-decoration: none; color: #3d99c3; } 

a.plusdefaq, a.lien01, #edit-actions input {	
	text-decoration: none;
	padding: 6px 8px;
	-khtml-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
	border: 0px solid #28b4d3; 
	color: #ffffff;
	background: #28b4d3; /* Old browsers */
	background: -moz-linear-gradient(top, #28b4d3 0%, #138aa4 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28b4d3), color-stop(95%,#138aa4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #28b4d3 0%,#138aa4 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #28b4d3 0%,#138aa4 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #28b4d3 0%,#138aa4 95%); /* IE10+ */
	background: linear-gradient(to bottom, #28b4d3 0%,#138aa4 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28b4d3', endColorstr='#138aa4',GradientType=0 ); /* IE6-9 */
	text-shadow: 0 0 0;
	font-family: 'HelveticaNeueLTPro-Roman';
	font-weight: normal;
	font-size: 1.1em;
}


a.plusdefaq:hover, a.lien01:hover {	
	background: rgb(164,197,91); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0YzU1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzhkYzEwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(164,197,91,1) 0%, rgba(141,193,7,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,197,91,1)), color-stop(99%,rgba(141,193,7,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(164,197,91,1) 0%,rgba(141,193,7,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(164,197,91,1) 0%,rgba(141,193,7,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(164,197,91,1) 0%,rgba(141,193,7,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(164,197,91,1) 0%,rgba(141,193,7,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4c55b', endColorstr='#8dc107',GradientType=0 ); /* IE6-8 */
}

#region-sidebar-second h3 { font-size: 1.2em; color: #3d99c3; }

/* #region-sidebar-second .content { text-align: center; margin: auto; } */
#region-sidebar-second .content { text-align: left; margin: auto; padding: 4px 8px;}

/* #region-sidebar-second p.imgFaq { max-height: 150px; overflow: hidden; width: 90%; margin-right: auto; margin-left: auto; padding: 0; } */
#region-sidebar-second p.imgFaq img { width: 100%; max-width: 150px; }



/* --------------------------- footer --------------------------- */

#zone-postscript-wrapper { background: #24394C; padding: 10px 0 0 0; color: #92A5B2; font-size: 1em; }
#section-footer { background: #24394C; }

#region-postscript-first { text-align: center; }

.region-postscript-second-inner { border-top: 0px solid #677580; border-bottom: 0px solid #677580; padding: 20px 0; }
#region-postscript-second .menu { padding: 20px 0; margin: 0 0 20px 0; list-style: none outside; border-bottom: 1px solid #677580; border-top: 1px solid #677580; }
#region-postscript-second .menu li { display: list-item; margin: 0; border-right: 0px solid #677580; padding-right: 10px; padding-left: 0px; list-style: none; }
#region-postscript-second .menu li.first { padding-left: 0px; }
#region-postscript-second .menu li.last { border-right: 0px solid #677580; }
#region-postscript-second a, #region-postscript-second li a { color: #92a5b2; text-decoration: none; font-size: 1.3em; }
#region-postscript-second  a:hover, #region-postscript-second a:focus { text-decoration: none; }
.region-postscript-second-inner p { margin:0; padding: 0; }

.region-postscript-third-inner { vertical-align: middle; border-top: 1px solid #677580; }

P.coordonnees a {  }


#region-sidebar-second .view-id-faq * {
  text-align: left;

  .pageFaqQuestion {
    padding: 4px 8px;
  }
}


.webform-contact {

  textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]
  {

  }
  .form-item {
    margin-top: 1em;
    margin-bottom: 1em;
    
  }
  
  label {
    display: block;
    &.form-required {
      position: relative;
      &:after {
        content: '*';
        color: #f00;
        margin-left: 4px;
      }
    }
  }
}