@charset "utf-8";
/* CSS Document */
/* No scss file */
@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:700,200,400);

html{font-size: 62.5%;}
body, html{height:100%;}

body{
margin: 0 auto;
padding: 0;
font-family:'Raleway';
font-weight:400;
font-size: 15px; font-size: 1.5rem;
line-height:22px;line-height:2.2rem;
color:#2d2d2d

}

img{max-width:100%;}

a[href^=tel]{
	color:inherit;
	text-decoration:none;
}

.clear{clear:both;}

a{text-decoration:none;color:#fff;}
a:hover{color:#02b4a6;}
p{margin-bottom:15px;}


h1,h2,h4,h5{font-family:'Raleway', sans-serif;}
h1{}
h2{font-size:30px;font-weight:700;line-height:25px;margin-bottom:20px}
h3{font-weight:100;font-size:40px;line-height:40px;text-transform:uppercase;text-align:center;color:#888;}
h4{font-weight:700;font-size:20px;margin-top:10px;line-height:30px;text-transform:uppercase;color:#fff;}
h5{font-weight:700;font-size:15px;line-height:15px;color:#888;text-align:center;}

.bleu{color:#02b4a6}
.blanc{color:#fff;}
.center{text-align:center;}


.big, .bigger, .big2{font-weight:100;text-transform:uppercase;text-align:right;color:#fff;}
.bigger{font-size:80px;line-height:75px;margin:0 0 15px 0;}
.big{font-size:43.5px;line-height:40px;}

.big2{font-size:38px;line-height:45px;}


strong{font-weight:700}



.Cont{
display:block;
position:relative;
margin:0 auto;
max-width:1000px;
padding:0 10px;
z-index:99;
}


.space{padding:30px 10px 0 10px ;}

.background{
	padding:40px 0 ;
	background:url(../img/fond-bleu.jpg) repeat;
	-moz-box-shadow:    inset 0 0 60px  #00746b;
    -webkit-box-shadow: inset 0 0 60px  #00746b;
    box-shadow:         inset 0 0 60px  #00746b;
}


.bouton a{border:3px solid #02b4a6;padding:5px 10px;float:right;margin-top:20px;text-transform:uppercase;font-weight:700;color:#02b4a6;}
.bouton a:hover{border-color:#888;color:#888;}

.bouton-white a{border:3px solid #fff;padding:5px 10px;float:right;margin-top:20px;text-transform:uppercase;font-weight:700;color:#fff;}
.bouton-white a:hover{border-color:#333;color:#333;}

/*** HEADER  ***/

#fond-head{
	background:url(../img/champ-camerise-de-lile.jpg) no-repeat center;
	background-size:cover;
	width:100%;
	height:900px;
	z-index:1;}

#top-logo{display:block;padding-top:30px;min-width:100%;}
.top-logo-gauche {float:left;}
.top-logo-droite{padding-top:40px;float:right;text-align: right;padding-bottom:20px;}
.top-logo-droite a {color:#02b4a6;font-weight: 700;text-transform: uppercase;}
.top-logo-droite a:hover {color:#888;}
.top-logo-droite p {  margin-bottom: 10px;}
.top-logo-droite .membres-txt a{text-transform: none;}
.top-logo-droite p img  a {font-size: 18px;}

.info-head{width:250px;display:block;margin:90px auto 0 auto;}


/*** BLOC 2  ***/
ul.liste li{margin:0 0 20px 20px;padding-left:5px;color:#fff;font-size:24px;font-weight:500;}

p.call{margin-top:0px;font-size:17px;line-height:24px;}


/*** BLOC 3  ***/

.picto{display:block;margin:20px auto}


.hautpage img{display:block;margin:0 auto;}


footer{background:#636363;}

.right{float:right;text-align:right;}

.mail{font-size:18px;color:#fff;margin-top:0px;line-height:20px;margin-bottom:8px;}
.phone{font-size:31px;color:#fff;font-weight:700;margin-bottom:15px;}
.lieux{font-size:14px;line-height:15px;margin-bottom:0;}



/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 4%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}



/*  GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48%;}


.rond{background:url(../img/rond-blanc.png) no-repeat center;float:right;height:390px;}



@media only screen and (max-width: 850px) {
	.top-logo-gauche{float:none;}
	.top-logo-droite {text-align: left;float:none;}
}





/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {



.Cont{padding:0 20px;}


body{font-size:14px;line-height:18px;}

.rond{background-size:95%;}
.info-head{width:200px;}
.up{margin-top:40px;}

.hautpage img{margin-top:20px;}

.big, .bigger, .big2{text-align:left;line-height:55px}
	.col {
		margin: 1% 0 1% 0%;
	}

.right	{text-align:left;}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%;
	}
	.span_1_of_2 {
		width: 100%;
	}
}