@charset"UTF-8";
/**
* name: style.css (page)
* author: Barbara Bothe - http://barbara-bothe.de
* date: 10.03.2014
* use: Slate 1.0 - Template for gpEasy 2.4+
*/

@import url("../bootstrap.css");

/*------------------------------------*\
RESET
\*------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,textarea,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;
padding:0;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,dfn,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}

/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/

body{font-family:Lato,Futura,Verdana,Arial,sans-serif;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;font-size:100%;color:#222222;line-height:2.3em;}
h1,h2,h3,h4,h5,h6,p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:1.5em}
strong{font-weight:bold;color:}
em{font-style:italic}
pre,code{font-family:"Courier New", Courier, monospace;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;font-size:13px;overflow-x:auto}
dl{margin-bottom:18px}
dt{font-weight:700}dd{margin-left:9px}
dt{font-weight:bold}p{font-size:1em}
p + p,p + ul{margin-top:-.8em}
h1{font-size:2em;line-height:3.2em;margin:1em 0 .5em}
p + h1{margin-top:.5em}
h1 + p,h2 + p,h3 + p,h4 + p,h5 + p,h6 + p{margin-top:0}
h2{font-family: Raleway, Futura, Verdana, Arial, sans-serif;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;
font-size:1.7em;line-height:1.3em;margin:1.07em 0 .535em;border-bottom:1px solid #CCCCCC;}
h2 a {color: #444;}
h3{font-family: Raleway, Futura, Verdana, Arial, sans-serif;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;
font-size:1.4em;margin:1.14em 0 .57em 0;border-bottom:1px solid #ccc;padding-bottom: 3px;}
h4{font-family: Raleway, Futura, Verdana, Arial, sans-serif;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;font-size:1.25em;margin:1em 0 .5em}
h5,h6{font-size:1em;margin:1em 0 .25em 0;font-weight:bold;}
ol{margin-left:0;padding-left:20px;text-indent:0}
ul{list-style:disc outside}li{font-size:1em;margin:0 0 2px 20px}
blockquote{font-family:Georgia, "Times New Roman", Times, sans-serif;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;font-size:18px;line-height:24px;font-style:italic;padding-left:35px;color:#999;margin:.5em 0 .5em 0}
abbr{cursor:help;border-bottom:1px dashed #000}
cite:before{content:"\2014\00A0"}
mark{background:#ff9;background:rgba(255,255,155,.6);font-style:oblique}
input[type="text"],textarea{font:0.9em Arial, "Helvetica Neue", Helvetica, sans-serif; roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif}
hr{background:black;border:none;color:black;display:block;height:1px;margin-top:20px;width:100%}




/* link colors */
a { color: #FFFFFFF;}
a:hover { color:#606870; text-decoration:none; }

a:active { color:#606870; text-decoration:none; }

/*-----ci dessous des balises inutilisées */
/* 
a:focus { outline:0px dotted #FF6600; }
a:visited { color:#606870; text-decoration:none; }
a:focus { outline:0px dotted #FF6600; }
a:visited { color:#606870; text-decoration:none; }
*/



object,embed,video,iframe{width:100%}
img{max-width:100%;height:auto!important;}
img.pic,.gp_gallery img,.gp_galleries img{-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);box-shadow:0 0 2px rgba(0, 0, 0, 0.6);}

::-moz-selection{background:#DEDACF;color:#242424;text-shadow:none}
::selection{background:#DEDACF;color:#242424;text-shadow:none}

/*------------------------------------*\
LAYOUT
\*------------------------------------*/

html{background:#F2F1ED;height:100%;overflow-y:scroll;}
.wrap{width:100%}

/* --- HEADER --- */

.header{
background:#4385F5 center top;
color:#222222;
-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.0);  /*------ ombre sous le header (par defaut: 0 3px 12px rgba(0, 0, 0, 0.9-----*/
-moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.0);  /*--------- ?-----------*/
font-family: Raleway, Futura, Verdana, Arial, sans-serif;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;
font-weight:23;
position:relative;}
header{padding:0px; border-bottom:1px solid #ccc;}
header h1{font-size:2em;line-height:1em;margin-top:20;font-weight:100;}
header h1 a{color:#eee; text-decoration:none}
header h1 a:hover{text-decoration:none;color:#ccc;}
header h4 {margin-top:0;color:#eee;font-weight:100;}


/* --- NAVIGATION --- */
nav{padding:10px;width:auto !important;display:none;}
nav ul{list-style:none;margin-bottom:0;}
nav {background:#4385F5 center top;} /*--------- couleur du fond menu web + responsive-----------*/
nav ul li{
border:none;
margin:0;
float:none;
font-size:0.9em; font-weight:; /*-----taille texte menu web+responsive----Pour mettre en font-weight:bold;----*/
}
nav ul li ul {
display:block;
padding-left:120px;

}
nav ul li ul li {
margin:3px 0;
font-size:1.0em;
}
nav ul li a,
nav ul li ul li a {
display: block;
text-decoration:none; 
padding:5px;
color:#FFFFFF; /*-----couleur texte menu responsive--------*/
}
nav ul li a:hover,
nav ul li ul li a:hover,
nav ul li a.selected,
nav ul li a.childselected,
nav ul li ul li a.selected {
color:#969696; /*-----couleur texte selectione et hover menu responsive--------*/
text-decoration: none;

/*-----ci-dessous--PARAMETRE LE BOUTON MENU RESPONSIVE--------*/
}
button.nav-toggle {
float: right;
font-size: 1.3em;
margin:5px;
color:#222;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: 0.7; /* modern browser */ 
-moz-opacity: 0.7; /* older Mozilla browser */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */ 
filter:alpha(opacity=70); /* IE5.x -7.0 */
}
button.nav-toggle:hover,
button.nav-toggle:active,
button.nav-toggle:focus {
color:#444;
opacity: 1; /* modern browser */ 
-moz-opacity: 1; /* older Mozilla browser */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */ 
filter:alpha(opacity=100); /* IE5.x -7.0 */
}

/* --- PAGE CONTENT --désactivé. pour reactiver, supprimer les slash etoile- */
/*#page {background: url('../img/fond.jpg') no-repeat center top fixed;
-webkit-box-shadow: inset0 3px 6px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.0);
}*/
#content{
float:none;
padding:80px 10px 30px; /* --- Marge entre le menu et le premier bloc de la page- */
text-shadow:0px 0px 0px #;
} 


/* --- TABLES --- */

th {
font-weight: ;
border-bottom: 0px solid #C0C0C0;
padding:0px 6px;
}
td {
border-bottom: 0px solid #b4bcc2;
padding:0px 0px;
}

/* --- FORMS + BUTTONS --- */

form div {
overflow: hidden;
width: 100%;
}
form label {float:left;padding: 0 5px 5px 0;}
.contactform{width:95%;}
.contactform input,.contactform textarea{float:none;width:97.2%;margin:0;}
.contactform input.submit{width:100%;}
.contactform label span.title {width: 100%; margin:0;padding-right: 5px;}
#content input[type="radio"] {
float:left;
position: relative;
top: 6px;
margin-right:10px;
}
#content input[type="radio"]:last-child:after {
clear: both;
content: "";
display: table;
}
#content input[type="text"],
#content input[type="password"],
#content textarea,input.text { 
border: 1px solid #ccc;
padding:10px;
}
#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content textarea:focus,input.text:focus {
border: 1px solid #aaa;
outline:none;
}
.btn,
#content input[type="submit"],
.gpArea_Simple_Search form input.submit {
border-radius:4px;
color: #555;
cursor: pointer;
padding: 6px 12px;
}
a.btn{font-size:0.9em;padding:6px 12px}

.btn,#content input[type="submit"],
.login_submit,
.gpArea_Simple_Search form input.submit{
background:#AEFF00;
border: 1px solid #9fe509;
text-decoration: none;
}
a.btn:hover,
#content input[type="submit"]:hover,
.login_submit:hover,
.gpArea_Simple_Search form input.submit:hover {
background:#abf50c;
text-decoration:none;
color:#555;
}

a.btn.grey {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #E6E6E6;
background-image: linear-gradient(#FAFAFA, #EAEAEA);
background-repeat: no-repeat;
border-color: #D4D4D4 #D4D4D4 #BCBCBC;
border-image: none;
border-style: solid;
border-width: 1px;
padding: 3px 6px;
font-weight: bold;
font-family: Lato,Futura,Verdana,Arial,sans-serif;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;
}


/* --- FOOTER --- */
.footer {
background:#222222;  /*-----Code pour remettre image de fond: background:#222 url(../img/pattern.jpg) center top;--------*/
color:#e3e6e8;
-webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.7);
box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.7);}
footer {
font-size:80%; /*--------- taille du texte du footer-----------*/
line-height:1.4em;
text-shadow:none;
padding-top:20px;
font-family:Raleway, Futura, Verdana, Arial, sans-serif;roboto2-thin,sans-serif; roboto2-light,sans-serif; roboto2-regular,sans-serif; roboto2-medium,sans-serif; roboto2-bold,sans-serif; roboto2-condensed-light,sans-serif; roboto2-condensed,sans-serif;
}
footer a {
color:#555E66;
}
footer a:hover {
color:#CCCCCC;
}
.footerlinks{
clear:both;
text-align:center;
font-size:80%; /*--------- taille du texte "connexion - login-logout" du footer-----------*/
padding-top:10px;
border-top:1px solid #555E66;
}

/*---USEFUL CLASSES---*/
.aligncenter{margin:0 auto;}
.alignleft,.left{float:left;margin:0 10px 10px 0;}
.alignright,.right{float:right;margin:0 0 0 10px;}
.clear{clear:both;float:none;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center,.text-centre{text-align:center;}
.shadow {
background-image: url(../img/shadow_top.png),url(../img/shadow_bottom.png);
background-position: top center, bottom center;
background-repeat: no-repeat, no-repeat;
}


.arrow {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 50px;
    display: block;
    height: 48px;
    line-height: 36px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    font-size:2em;
}
.arrow.grey {
	border: 2px solid #bbb;
    float:right;
    color: #bbb;
}
.arrow.grey:hover {
	text-decoration: none;
	border: 2px solid #606870;
	color:  #606870;
}


/*------------------------------------*\
GPEASY
\*------------------------------------*/
#loginform,#loginform label{background:none!important;border:none!important;color:#444!important}
.login_text,.login_submit{font-size:2.9em!important}
.loginform input[type="submit"],input.submit{padding:5px;}
.gp_gallery{clear:both;margin:10px 0 10px 10px;padding:0;} 
.gp_gallery li{float:left;width:100px;height:150px;list-style:none;display:inline-block;margin:0 10px 10px 0;padding:2px;background:none;border:none;color:#d6d6d6;position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.gp_gallery div{text-align:center;padding:0;margin:60px 0 0 0;}
.gp_gallery img{width:140px;height:100px;}
.gp_gallery .caption{color:#444;}
.gp_galleries li{width:125px;height:195px;background:none;}
.gp_galleries img{width:140px;height:100px;}
.gpArea_Simple_Search form input.submit{margin-left:10px;}


/*-------------------------------------*\
MEDIA QUERIES
\*-------------------------------------*/

@media screen and (min-width:480px) {
.wrap{width:95%}
#content{width:100%;float:none;}
.contactform{width:80%}
}

@media screen and (min-width:769px) {
body{line-height:1.6em; letter-spacing:.05em;}
.wrap{width:90%;max-width:1140px;margin:0 auto;}
.header{height:65px;}
header{padding:0px;border-bottom:1px solid #ccc;}
header h1{font-size:2.5em;line-height:2em;margin-top:0;margin-bottom:0;font-weight:100;}
header h1 a:hover{text-decoration:none;color:#ccc;}
header h4 {margin-top:0;color:#eee;font-weight:100;}
/*---TOP NAVIGATION---*/
nav {
display:block;
position:relative;



margin:0 0 50px;







z-index:2;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
padding:0;
}
nav a {
}
nav ul {
display:block;
float:left;
margin:0 0 0 5px;
position:relative;
z-index:2;
float:right;
}
nav ul li {
display:block;
float:left;
margin:0 0 0 3px;
position:relative;
}
nav ul li a {
display:block;
float:none;
padding:12px 8px 1px; /*-----12= hauteur des liens. 8= espace entre les liens. 1= hauteur underline. menu web--------*/
text-shadow:none #FFFFFF; /*-----couleur texte menu web--------*/
border-bottom:2px solid transparent;
}
nav ul li a:hover,
nav ul li a.selected {
color:#969696; /*-----couleur texte selectione et hover menu web--------*/
text-decoration:none;
border-bottom: 1px solid #969696; /*-----  border-color:#969696;  couleur soulignage des liens menu web  border-bottom: 0px solid #C0C0C0; --------*/
}
nav ul li a.selected {
cursor:default;
}
nav ul li ul {
background:#4385F5; /*-----couleur fond des SOUS-menu web--------*/
float:left;
display:none;
position:absolute;
top:35px;
left:0px;
right:0;
min-width:230px; /*-----largeur fond des SOUS-menu web (min-width:)--------*/
max-width:280px;
_width:160px;
margin-left:0;
margin-right:0;
padding:0;
text-align:left;text-decoration:none; padding:10px;
border:0;
zoom:1;
}
nav ul li ul li {
float:none;
clear:both;
display:block;
background:none;
border:none;
}
nav ul li ul li a {
display:block;
font-size:1.0em;font-weight:; /*-----taille texte SOUS-menu web--------*/
line-height:19px;
border-bottom:1px solid transparent;
}
nav ul li ul li a:hover,
nav ul li ul li a.selected {
color:#969696; /*-----couleur texte selectione et hover SOUS-menu web--------*/
text-shadow:none;
}
nav ul li:hover ul {
display:block
}
button.nav-toggle {
display:none;
}

/*---MAIN CONTENT---*/
#content,aside{width:90%;}
.contactform{width:60%;}
.contactform label span.title {
width: 30%;
}
.contactform input {
float: left;
width: 70%;
}
.contactform input.submit {
width: auto;
}

} /* End MediaQuery */

@media print{
body{background:#fff;}
header h1{padding:0;margin:0;}
#content{width:100%;float:none;}
nav,footer{display:block;}
}

/*-------------------------------------*\
ACCESSIBILITY
\*-------------------------------------*/
.sr-only {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}