@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

@import "../css/reset.css";
@import "../css/superfish.css";

html {width: 100%;}

a[href^="tel:"] {color: inherit;text-decoration:none;}
* {-webkit-text-size-adjust: none;}

body {
	font: 12px/19px  Arial, Helvetica, sans-serif;
	color:black;
    /* background-color: white; */
    background : white url("../images/fond.jpg") no-repeat top left;
    background-attachment: fixed;
    background-size: auto 100%;
}

.uppercase { text-transform:uppercase; }
.align-center, .center    { text-align:center; }
.align-left   { text-align:left; }
.align-right  { text-align:right; }
.link       { margin:0; padding:0; }
.link:hover { cursor: pointer !important; text-decoration: underline; }
/*.link:hover img { width:90%; } */

.gdlink       { margin:0; padding:0; }
.gdlink:hover { cursor: pointer !important; text-decoration: underline; }
/*.gdlink:hover img { width:220px; } */

.normallink       { margin:0; padding:0; }
.normallink:hover { cursor: pointer !important; text-decoration: underline; }

.LH120      { line-height: 120%; }
.LH125      { line-height: 125%; }
.LH130      { line-height: 130%; }
.darkred    { color: darkred; }
.Mg10        { margin: 10px; }
.margin_b_10 { margin-bottom: 10px; }

.bouton { background-color:#6671FF; color:white; padding:5px 15px; box-shadow:2px 2px 3px black; width:auto; display:inline-block; }
.bouton:hover { background-color:#73BCD4; color:darkblue; box-shadow:1px 1px 2px black; }
.bouton a { color:inherit; text-decoration:none; }
.bouton a:hover { color:inherit; text-decoration:none; }



h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: "Open Sans", arial;
	color: #16445c;
}
h1 {
	font-size: 29px;
    font-weight: 600;
	line-height: 1.1em;
}
h1.uppercase { text-transform:uppercase; }

h2 {
	font-size: 32px;
	line-height: 1em;
}
h2.uppercase { text-transform:uppercase; }

h3 {
	font-size: 24px;
	line-height: 1.3em;
}
h3.uppercase { text-transform:uppercase; }

h4 {
	font-size: 18px;
	line-height: 1.2em;
	color: #16445c;
}
h4.uppercase { text-transform:uppercase; }

p {margin-bottom: 19px;}
.text-info {color:#000;}
.lead {font-size:14px; color:#fe8948;}
p.lead {margin-bottom:10px;}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.list li{
 /*	background: url(../images/marker.gif) 0 6px no-repeat;  */
	color: #333;
	font-size:13px;
	margin-top:7px;
	padding-left: 27px;
}
ul.list li a{color: #336;}
ul.list li a:hover{color: #fd6e43;}
/*links*/

a {
	text-decoration: none;
	color: #fe8948;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {color: #16445c;}


.btn {
	background: url(../images/btn.jpg) 0 0 repeat-x #fe8948;
	display: inline-block;
	font-family:"Open Sans", arial;
    font-weight: bold;
	font-size:13px;
	line-height:1em;
	padding: 11px 30px 12px 30px;
	color: #fff;
	text-transform:uppercase;
	margin-top: 33px;
}
.btn  .noborder { margin-top:0; }
.btn:hover {
	background:  #AD3D01;
	color: #fff;
}
.clear {clear: both;}
.wrap {overflow:hidden;}
.indent-1 {padding:88px 0 35px 0;}
.indent-2 {padding:70px 0 25px 0;}
.indent-3 {padding:50px 0 25px 0;}
.indent-4 {padding:20px 0 25px 0;}

.top-1 {padding-top:91px;}
.bot-1 {padding-bottom:85px;}

/*----------- Back to top --------------*/
#toTop {
  display: none;
  width: 49px;
  height: 48px;
  overflow: hidden;
  background: url(../images/totop.png) 0 0 no-repeat;
  position: fixed;
  margin-right: -600px !important;
  right: 50%;
  bottom: 80px;
  z-index: 999;
}
#toTop:hover {
}
#toTop:active,
#toTop:focus {
  outline: none;
}
/*header*/

header {
    position: fixed;
	display: block;
	padding: 0;    /* 39px 0 */
	z-index: 999;
	background: black;
    box-shadow : 1px 2px 5px black;
    width:100%;
    height: 90px;
}
header .top_page { height:90px; }
.header_interligne {
    padding-top:90px; width:100%;
}

@media only screen and (max-width: 1024px) {
    header {
    	padding: 5px 0 0;    /* 39px 0 */
    }
}
@media only screen and (max-width: 800px) {
    header { position: static !important; padding-top:40px !important; }
    .header_interligne {
        padding-top:10px !important; width:100%;
    }
}

header h1 {
	float: none;
	text-align:center;
	display:block;
	position: relative;
	z-index: 999;
	margin:0;
    color: white;
    font-size: 22px;
    text-shadow: 2px 2px 3px black;
}
header h3 {
    color: white;
    font-size: 18px;
    text-shadow: 2px 2px 3px black;
	text-align:center;
}
header h1, header h3 { padding: 0px; }
header p { margin-bottom:5px; }

header h1 a {display: inline-block;}
header h1 a img {display:block; height:85px;}

/* nav .zerogrid { width: 100%; } */
nav { background:#ec7404; margin-top:0px; padding:0px; }
nav .grid_12 {text-align:center;}

.featured{
	position:relative;
	padding-top:40px;
}


.ban_principale {
    margin: 20px auto;
  /*  background-color: white;   */
    padding:0;
    width: 95%;
    text-align:left;
}
.ban_principale h1 {
    background-color: darkred;
    font-size:28px;
    color: white;
    font-family: "Open Sans", helvetica, arial;
    text-align: left;
    font-weight: normal;
    padding: 10px;
}
.ban_principale .gauche {
    margin:0; padding:0;
    width:10px;
    height:10px;
    background:  url('../images/coin_gauche_2.png') no-repeat;
    float:left;
}
.ban_principale .droite {
    text-align: left;
    margin:0; padding:0px;
/*    min-height:10px;        */
    height:10px;
    background: url('../images/coin_droit_2.png') no-repeat top right;
}
.ban_principale .redac {
    margin:0 10px;
    margin-top: -10px;
    padding: 10px;
    background-color: #ddd;
    box-shadow:1px 2px  black;
}
.ban_principale .redac .bouton { background-color:#6671FF; color:white; padding:2px 15px; box-shadow:2px 2px 3px black; width:auto; display:inline-block; }
.ban_principale .redac .bouton:hover { background-color:#73BCD4; color:darkblue; box-shadow:1px 1px 2px black; }
.ban_principale .redac .bouton a { color:inherit; text-decoration:none; }
.ban_principale .redac .bouton a:hover { color:inherit; text-decoration:none; }
.ban_principale .redac a { color:#004; text-decoration:none; }
.ban_principale .redac a:hover { color:#007; text-decoration:underline; }


/* ----------------------------------*/
.ban_secondaire {
    margin: 20px auto;
  /*  background-color: white;   */
    padding:0;
    width: 95%;
    text-align:left;
}
.ban_secondaire h1 {
    background-color: #555;
    text-align: left;
    font-weight: normal;
    font-size:28px;
    font-family: "Open Sans", helvetica, arial;
    padding: 10px;
}
.ban_secondaire h1, .ban_secondaire h2, .ban_secondaire h3,
.ban_secondaire h4, .ban_secondaire h5, .ban_secondaire h6 {
    color: white;
}
.ban_secondaire .gauche {
    margin:0; padding:0;
    width:10px;
    height:10px;
    background: url('../images/coin_gauche_2.png') no-repeat;
    float:left;
}
.ban_secondaire .droite {
    text-align: left;
    margin:0; padding:0px;
    height:10px;
/*    min-height:10px;    */
    background:  url('../images/coin_droit_2.png') no-repeat top right;
}
.ban_secondaire .redac {
    margin:0 10px;
    padding: 10px;
    margin-top: -10px;
    color: white;
    background-color: #777;
    box-shadow: 1px 2px  black;
}
.ban_secondaire .redac strong,
.ban_secondaire .redac b { font-size:1.1em; }
.ban_secondaire .redac .bouton { background-color:#333; color:white; padding:2px 15px; box-shadow:2px 2px 3px black; width:auto; display:inline-block; }
.ban_secondaire .redac .bouton:hover { background-color:#ddd; color:black; box-shadow:1px 1px 2px black; }
.ban_secondaire .redac .bouton a { color:inherit; text-decoration:none; }
.ban_secondaire .redac .bouton a:hover { color:inherit; text-decoration:none; }


/* ----------------------------------*/
.ban_mixte {
    margin: 20px auto;
  /*  background-color: white; */
    padding:0;
    width: 95%;
    text-align:left;
}
.ban_mixte h1, .ban_mixte h2, .ban_mixte h3,
.ban_mixte h4, .ban_mixte h5, .ban_mixte h6 {
    color: #555;
}
.ban_mixte h1 {
    background-color: #555;
    text-align: left;
    font-weight: normal;
    font-size:28px;
    font-family: "Open Sans", helvetica, arial;
    padding: 10px;
    color: white;
}
.ban_mixte h4.titre { color:black; }
.ban_mixte .gauche {
    margin:0; padding:0;
    width:10px;
    height:10px;
    background: url('../images/coin_gauche_2.png') no-repeat;
    float:left;
}
.ban_mixte .droite {
    text-align: left;
    margin:0; padding:0px;
    height:10px;
/*    min-height:10px;  */
    background: url('../images/coin_droit_2.png') no-repeat top right;
}
.ban_mixte .redac {
    margin:0 10px;
    padding: 10px;
    margin-top: -10px;
    background-color: #ddd;
    box-shadow:1px 2px  black;
}
.ban_mixte .redac .bouton { background-color:#6671FF; color:white; padding:2px 15px; box-shadow:2px 2px 3px black; width:auto; display:inline-block; }
.ban_mixte .redac .bouton:hover { background-color:#73BCD4; color:darkblue; box-shadow:1px 1px 2px black; }
.ban_mixte .redac .bouton a { color:inherit; text-decoration:none; }
.ban_mixte .redac .bouton a:hover { color:inherit; text-decoration:none; }
.ban_mixte .redac a { color:#004; text-decoration:none; }
.ban_mixte .redac a:hover { color:#007; text-decoration:underline; }




/*******content********/
#content {background:  #f7f7f7;}    /* url(../images/content-bg.jpg) 0 0 repeat-x */

.content ul li, #content ul li{
/*	background: url(../images/marker.gif) 0 6px no-repeat;   */
	color: #333;
	font-size:13px;
	margin-top:7px;
	padding-left: 27px;
}


.bg-1 {border-top:#c8cece 1px solid; border-bottom:#e0e0e0 1px solid; background: url(../images/bg-1.jpg) 0 0 repeat-x #f5f5f5;}
.bg-2 {background: #f1f1f1;}
.bg-3 {border-top:#dddddd 1px solid; border-bottom:#e2e2e2 1px solid;}

.newsletter {
    border-top:#dddddd 1px solid; border-bottom:#e2e2e2 1px solid;
    background: url(../images/btn_bleu.jpg) 0 0 repeat-x #3A7CFF;
    background-size: auto 100%;
    padding:10px;
}
.newsletter h3 { color:white; font-size: 18px; font-weight:bold; }

.block_activite {  text-align:center; padding-bottom: 30px !important; }
.block_activite img { margin: 20px 5px 10px 5px; }
.block_activite h4 { font-weight: bold; }


.border-1 {border-right:#d4d4d4 1px solid; padding-right:20px; padding-bottom:91px;}

.box-1 {padding : 20px 0;}
.box-1 img {float:left;}
.box-1 h4 { padding-top:22px; padding-bottom:18px;}    /* overflow:hidden; */
.box-1 .wrap {padding:10px;}

.box-2 img {float:left; margin-right:20px;}

.list-news li {margin-top:45px;}
.list-news li:first-child {margin-top:0px;}
.list-news .wrap {padding-bottom:11px;}
.list-news .badge { background:#16445c; float:left; width:60px; padding:8px 0 8px 0; text-align:center; font-size:18px; line-height:1em; color:#fff; text-transform:uppercase; margin-right:20px;}
.list-news .badge span {display:block; font-size:10px;}

.list-people {margin-left:-20px; margin-top:-18px;}
.list-people li {float:left; margin-left:20px; margin-top:18px;}

.lists {overflow:hidden; margin-top:19px;}
.lists>div {float:left; width:160px;}

.list-project li {margin-top:91px;}
.list-project h4 {margin:39px 0 30px 0;}

.list-work li {margin-top:15px;}
.list-work li:first-child {margin-top:0px;}

/****************/
.carousel {padding:40px 0; position:relative;}

.carousel h4 {color:#000; margin:39px 0 30px 0;}

/*****************/
.map  {
  width: 100%;
  height: 350px;
  border: 1px solid grey;
/*  box-shadow: 2px 2px 3px #444;
  padding:5px; */
}

address {font-size:13px; font-style:normal; margin-top:22px}
address dl {float:left; width:220px;}
address dl+dl {margin-left:20px;}
address dl dt {margin-bottom:19px;}
address dl span {display:inline-block; width:150px;}

/****Form****/

#form {padding-top: 0px; position:relative;}
#form .text-info {padding-bottom:3px;}
#form input {
	background:#fff;
	color:#6f6f6f;
	border: 1px solid #e5e5e5;
	padding: 6px 14px 7px 14px;
	width: 70%;
	height: 30px;
	float:left;
	font: 12px/15px  Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#form textarea {
	background:#fff;
	color:#6f6f6f;
	height: 273px;
	overflow: auto;
	border: 1px solid #e5e5e5;
	padding: 6px 14px 7px 14px;
	width: 90%;
	position: relative;
	resize:vertical;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float:left;
	font: 12px/15px  Arial, Helvetica, sans-serif;
	margin: 0;
}
#form label {
	position:relative;
	display: block;
	min-height: 45px;
	width: 95%;
	float: left;
}
#form label .title {font-size:16px; padding:12px 0 9px; display:block;}
#form .error, #form .empty {
	color: #FF0000;
	display: none;
	font-size: 10px;
	line-height:12px;
	width:auto;
	position: absolute;
	z-index: 999;
	right: 5px;
	bottom: -12px;
	float:left;
}
#form .error-empty {
	display:none;
	float:left;}
#form .message {width: 95%;}


#form .success {
	display: none;
	position: absolute;
	width: 95%;
	font-size: 16px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	padding: 20px 10px;
	z-index: 999;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#form .btn {cursor:pointer;}


/************Footer***********/

footer {
	font-size: 15px;
	color: white;
	background-color: black;
	padding:5px 0;
    width:100%;
}
footer span {display:block; margin-top:6px;}
footer a {color: #6398a2;}
footer a:hover {color: #16445c;}

.soc-icon {display:block;}
.soc-icon li {display:inline-block; margin-right:5px; margin-bottom:5px;}
.soc-icon li a {display:block;}
.soc-icon li a img {opacity:0.55; width:30px; }
.soc-icon li a:hover img {opacity:1;}

@media only screen and (max-width: 619px) {
    footer { position: static !important; }
}



.img_click { opacity: 0.6; }
.img_click:hover { opacity: 1; }

.img_click2 { opacity: 0.8; border:2px solid transparent; width:98%; padding:1%; }
.img_click2:hover { opacity: 1; border:2px solid darkred; padding:1%; }


.div_temoin { max-width:600px; padding-top: 10px;}
.div_temoin small { font-size: 0.9em; }



.agenda {  text-align:center; width:100px; }
.agenda .haut {
    background-color:#E00000; color:white;
    font-size:13px; font-weight:bold;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    box-shadow: 2px 1px 4px black;
}
.agenda .bas {
    padding:10px;
    background-color:#FFFFE2; color:black;
    font-size:40px; font-weight:bold;
    border: 1px solid grey;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow: 2px 2px 4px black;
}
.agenda:hover .haut,
.agenda:hover .bas {
    box-shadow: 0px 0px 2px black;
}

.sidebar h1 { font-size:15px; line-height:120%: margin: 10px 0; }
.sidebar p { font-size:13px; line-height:125%: margin: 5px 0; }
.sidebar .hrline { margin: 5px 0; border-top:1px solid grey; }
.sidebar div.btn { text-align:center; width: 90%; padding: 5%; margin:0; }
.sidebar div.btn a { color: white; }

.histo_v {
    margin-left:10px;
	background-color: white;
    background-image: url(../images/apropos/time_v.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

.histo_v .ligne {
    margin-left:40px;
    padding-top:10px;
    padding-bottom:15px;
}
.histo_v .annee {
    float:left;
    margin-right:20px;
    text-indent: -50px;
    margin-left:50px;
}
.histo_v .annee b {
    color: #ea6f05;
    font-size:1.5em;
}

.apropos h1 { font-size:34px; font-weight:bold; text-align:center; color:#dddddd; padding:10px; margin-bottom:10px; }
.apropos .mission { }
.apropos .mission h1 { font-size:34px; font-weight:normal; text-align:center; color:#e97415; padding:10px; margin-bottom:10px; }
.apropos .mission .picto { text-align:center; font-size:14px; width:80%; height:50px; border-bottom:2px solid #0080bd; margin:15px auto 0; }


.apropos .savoir { }
.apropos .savoir h1 { font-size:34px; font-weight:normal; text-align:center; color:#e97415; padding:10px; margin-bottom:10px; }
.apropos .savoir .picto { text-align:center; font-size:14px; width:100%; margin-top:15px; }
.apropos .savoir .picto img { width:80%; max-width:110px; margin-bottom:15px; }

.apropos .schema p { font-family:'Open Sans',helvetica,arial; background-color:#dddddd; font-weight:bold; font-size:14px;  margin-bottom:17px; padding:10px; }

.solutions { }
.solutions .interligne { clear:both; margin-bottom:40px; }
.solutions h1 { font-size:34px; font-weight:bold; text-align:center; color:#dddddd; padding:10px; margin-bottom:10px; }
.solutions h2 { font-size:20px; font-weight:bold; text-align:left; color:#e97415; padding:0 0 15px 0; margin:0px; }
.solutions h3 { font-size:16px; font-weight:bold; text-align:left; color:black; padding:0px; margin-bottom:10px; }
.solutions .picto { width:80%; }
.solutions .sm_picto { width:60%; max-width:300px; margin: 0 auto 15px auto;}
.solutions ul li { padding-left:0 !important; }

.contact h1 { font-size:34px; font-weight:bold; text-align:center; color:#9f9f9f; padding:10px; margin-bottom:10px; }
.contact h2 { font-size:20px; font-weight:bold; text-align:center; color:#e97415; padding:0px; margin:0px; }
.contact .infos { margin-left:70px; margin-top:40px; font-family:'Open Sans',helvetica,arial; font-size:16px; }
.contact .msg_OK, .contact .msg_ERR { display:none; }

.contact form { font-family:'Open Sans',helvetica,arial; font-size:14px; }
.contact form i { color:#CD6204; }
.contact form input, .contact form textarea, .contact form select
    { margin: 5px 0; padding: 3%; border:1px solid grey; width:94%; }
.contact form textarea { resize:vertical; height: 100px; }
.contact .msg_ERR b { color: darkred; font-size:1.3em; }



.bulle {
    width: 100%;
    max-width: 290px;
    display: inline-block;
    margin-right:10px;
}
.bulle .corps {
    background-color: #005;
    color: white;
    border-radius: 15px;
    padding: 15px;
}
.bulle .pied {
    background: url("../images/coin_bulle.png") no-repeat top right;
    height: 30px;
    background-size: auto 100%;
}



.gallery .picto {
    float:left; height:200px;
    margin:10px; padding: 0px;
    border-radius:20px; overflow:hidden;
    border : 2px solid transparent;
    box-shadow: 2px 2px 3px transparent;
    text-align:center;
}
.gallery .picto img { height: 167px; margin-left:auto;}
.gallery .picto:hover {
    border :2px solid darkred;
    box-shadow: 2px 2px 3px black;
    text-decoration: none;
}
.gallery .picto h1 { text-align:center; font-size:20px; padding: 7px; background-color:darkred;}
.gallery .picto h2 { text-align:center; font-size:14px; padding: 10px; background-color:darkred;}
.gallery .picto a h1,
.gallery .picto a h2 { color:white; }
.gallery .picto a h1:hover,
.gallery .picto a h2:hover,
.gallery .picto a:hover { text-decoration: none; }




.boutique .picto {
    float:left; height:250px;
    margin:10px; padding: 0px;
    border-radius:none;
    overflow:hidden;
    border : 2px solid transparent;
    box-shadow: 1px 1px 3px transparent;
    text-align:center;
}
.boutique .picto .titre { text-align:center; font-size:20px; padding: 7px; background-color:#ff9340;}
.boutique .picto h2 { text-align:center; font-size:16px; padding: 10px; background-color:darkred;}
.boutique .picto p { padding:0 10px; }
.boutique .picto .prix {
    padding:5px 0px;
    width:100%;
    background-color: #FCAB64;
    color: black;
    text-align:center;
    font-size:18px;
    display:block;
}

.boutique .picto img { border-radius:none; height: 215px; margin:0 auto; }
.boutique .picto:hover {
    border :2px solid black;
    box-shadow: 1px 1px 3px black;
    text-decoration: none;
}
.boutique .picto a h1,
.boutique .picto a h2 { color:white; }
.boutique .picto a h1:hover,
.boutique .picto a h2:hover,
.boutique .picto a:hover { text-decoration: none; }

.boutique .visuel {
    float:left;
    width:40%;
    margin-right:1%;
    border:1px solid darkgrey;
    box-shadow: 2px 2px 3px black;
}
.boutique .visuel img { width:98%; padding:1%;  }

.boutique .fiche {
    float:left;
    width:58%;
    margin:0;
}
.boutique .fiche h2 { font-size:24px; font-weight: bold; margin-bottom: 10px; }
.boutique .fiche p { font-size:14px; font-weight: normal; }
.boutique .fiche p b { font-weight: bold; }
.boutique .fiche .prix {
    padding:5px 0px;
    width:100%;
    color: black;
    text-align:left;
    font-size:26px;
    display:inline-block;
}


.page_map { float:left; }
.page_map .gauche {
    float:left; margin:0; padding:1px 8px; font-size:10px; background-color:#ddF; color:black;
    border-top-left-radius:5px; border-bottom-left-radius:5px;
}
.page_map .droite {
    float:left; margin:0px 10px 0 0; padding:2px 8px 0px; font-size:11px; background-color:#B3BCFF;
    border-top-right-radius:5px; border-bottom-right-radius:5px;
    overflow: hidden;
}
.page_map .droite:hover {
    cursor: pointer;
    background-color:#700;
}
.page_map .droite a, .page_map .droite a:hover { color:white; font-size:14px; font-weight:bold; }



.actualites {
}
.resume_actu { }
.resume_actu .picto { }
.resume_actu .texte { }
.resume_actu .texte p { margin:0; margin-bottom:7px; }
.resume_actu .texte b { font-size:1.2em; }
.resume_actu .texte em { font-size:0.85em; }