/* 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,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: 'Open Sans', sans-serif;
}

#equipe p a, #equipe p a:hover, #equipe p a:active, #equipe p a:visited{
color:black;
font-style:italic;
}

/*---start-wrap-----*/
.wrap{
	width:80%;
	margin:0 auto;
}
/*---start-Header-----*/
input[type="text"] {
		width: 220px;
		height: 20px;
		border: 1px solid #045FB4; 
		-webkit-border-radius: 5;
  		-moz-border-radius: 5;
   		border-radius: 5px; 
   		font-family: 'Open Sans', sans-serif;
   		font-size: 0.9em;
}

textarea {
		width: 400px;
		height: 160px;
		border: 1px solid #045FB4; 
		-webkit-border-radius: 5;
  		-moz-border-radius: 5;
   		border-radius: 5px; 
   		font-family: 'Open Sans', sans-serif;
   		font-size: 0.9em;
}

select {
  display: none;
  padding: 4px 15px;
  margin : 7px;
  text-align: center;
  font-size: 0.875em;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  border:1px solid #045FB4;
  outline:none;
  color: #045FB4;
  background-color: #f5f5f5;
  cursor:pointer;
}

.submit {
  border :1px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.submit[disabled=disabled] { background: gray;}
.submit[disabled=enabled] { background: #3498db;}

.header{
	background: #f5f5f5;
	position: fixed;
	z-index: 999;
	top: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(238, 238, 238, 0.49);
	-webkit-box-shadow: 0px 3px 5px rgba(60, 60, 60, 0.03);
	-moz-box-shadow: 0px 3px 5px rgba(60, 60, 60, 0.03);
	box-shadow: 0px 3px 5px rgba(60, 60, 60, 0.03);
}
.logo{
	float: left;
}
.logo a{
	color:gray;
	font-size:2.3em
}
.top-nav{
	float:right;
}
.top-nav ul li{
	display:inline-block;
}
.top-nav ul li a{
	color: #191F2F;
	text-transform: uppercase;
	font-size: 0.875em;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	padding: 1.2em;
	display: block;
}
.top-nav li.active> a, .top-nav li> a:hover {
	color:#045FB4;
}



/*---End-Header-----*/
/*----start-image-banner-----*/
.img-banner{

	padding: 6em 0 0 0;
	background-size: 100%;
	position: relative;
	margin: 2px 0;
	border-right: 0;
	border-left: 0;
}
.logo_mouvement{
	float: right;
	width: 95%;
	text-align: right;
	margin-top:2em;
	background: url(../img/acc_cedric2.jpg) no-repeat right;
	height: 100px;
}

.logo_mouvement2{
	float: left;
	width: 95%;
	text-align: left;
	margin-top:2em;
	background: url(../img/acc_cedric2_bis.jpg) no-repeat left;
	height: 100px;
	display:none;
}

.photo_accueil {
	float: right;
	width: 55%;
	text-align: left;
	margin-top:8em;
}

.width_photo_accueil{
	width:80%;
}

.para_accueil{
	float: left;
	width: 42.5%;
	text-align: right;
	margin-top:2.3em;
}
.para_accueil h1{
	font-size:4.5em;
	margin-top:0;
}

.para_accueil h2{
	font-size:2em;
}


.para_accueil p{
	width:75%;
	float:right;
	margin-top:1em;
	text-align: justify;
	text-align: justify;
}

.h1h2_smallscreen{
	display:none;
}
.h1h2_bigscreen{
	display:visible;
}



/*----//End-image-banner-----*/
.h0{
	font-size:4em;
	color:black;
	text-align:center;
	font-weight:bold;
}

h1{
	margin-top:1.5em;
	font-size:3em;
	color:#045FB4;
}

h2{
	font-size:2em;
	color:#58ACFA;
}

h3{
	margin-left:1em;
	font-size:1.5em;
	color:#045FB4;
	font-weight: bold;
	text-align: left;
	margin-top:0.8em;
}

/* Parcours*/
.para_parcours{
	text-align: left;
	margin-top:1.4em;
}

.para_parcours p {
	width:90%;
	margin-top:1em;
	text-align: justify;
	margin-left:1.5em;
}

/* Commune */
.para_commune{
	float: right;
	width: 50%;
	text-align: left;
	margin-top:5em;
}

.para_commune p{
	width:90%;
	float:left;
	margin-top:1em;
	text-align: justify;
	margin-left:1.5em;
}

.photo_commune {
	float: left;
	width: 50%;
	margin-top:3em;
	text-align: right;
}

/* Vision */
.photo_vision_droite {
	float: right;
	width: 47.3%;
	margin-top:3em;
	text-align: left;
	margin-bottom: 1.5em;
}


.para_vision_gauche{
	float: left;
	width: 50%;
	text-align: right;
	margin-top:3em;
}

.para_vision_gauche p{
	width:75%;
	float:right;
	margin-top:8em;
	text-align: justify;
}

.photo_vision_gauche {
	float: left;
	width: 47.3%;
	margin-top:3em;
	text-align: right;
	margin-bottom: 1.5em;
}

.para_vision_droite{
	float: right;
	width: 50%;
	text-align: justify;
	margin-top:3em;
}


.para_vision_droite p{
	width:75%;
	float:left;
	margin-top:5em;
	text-align: justify;
}

.width_vision{
	width:75%;
}
/* Equipe */
.para_equipe{
	float: right;
	width: 60%;
	text-align: left;
	margin-top:2em;

}

.para_equipe p{
	width:90%;
	float:left;
	margin-top:1em;
	text-align: justify;
	margin-left:1.5em;
}

.photo_equipe1 {
	float: left;
	width: 40%;
	margin-top:3em;
	text-align: right;
	margin-bottom: 1em;

}

.photo_equipe2 {
	float: left;
	width: 40%;
	margin-top:3em;
	text-align: right;
	margin-bottom: 1.5em;
}

.width_photo_equipe{
	width: 60%;
}
/* Contact */
.para_contact{
	float: right;
	width: 50%;
	text-align: left;
	margin-top:3em;
}

.para_contact p{
	width:90%;
	float:left;
	margin-top:1em;
	text-align: justify;
}

.photo_contact {
	float: left;
	width: 45%;
	margin-top:3em;
	text-align: right;
	background: url(../img/contact.jpg) no-repeat right;
	height: 650px;
	margin-bottom: 3em;
}

.tabulation {
margin-left:4px;
}

.img_fb {
	height: 44px;
}
.fb {
	font-size: 1.2em;
	font-weight:bold;
	font-style: italic;
	color:#3b5998;
	}

/*** move top **/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 0px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/img-sprit.png) no-repeat 0px -938px;
}
#toTopHover {
	width: 48px;
	height: 48px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline: none;
}
/*---//End-wrap-----*/



/*----responsive-design-----*/
@media only screen and (max-width: 1440px) and (min-width: 1366px) {
	.wrap{
		width:90%;
	}
}
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap{
		width:90%;
	}

	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}

}

@media only screen and (max-width: 1280px) and (min-width: 1200px) {
	.wrap{
		width:90%;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}
	.img-banner{
	padding-top: 3em
	}
	.logo_mouvement{
	margin-top:0;
	}
	.para_accueil{
	margin-top:1.5em;
	}
	.para_accueil p{
	margin-top:0.8em;
	}
	.photo_accueil {
		width: 55%;
	}
	.para_accueil {
		width: 42.5%;
	}
	.para_vision_droite p{
		margin-top:3.2em;
	}
	.para_vision_gauche p{
		margin-top:7em;
	}

}
@media only screen and (max-width: 1200px) and (min-width: 1100px) {
.wrap{
		width:90%;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}
	.h1h2_smallscreen{
		display:block;
		text-align:center;
	}

	.logo_mouvement{
		background: url(../img/acc_cedric2b.jpg) no-repeat right;
		height: 75px;
		margin-top:0;
	}

	.h1h2_bigscreen{
		display:none;
	}

	.photo_accueil {
		width: 52%;
		margin-top:3.5em;
	}

	.width_photo_accueil{
		width:95%;
	}
	.para_accueil {
		width: 44.5%;
		margin-top:1.5em;
	}
	.para_vision_droite p{
		margin-top:2.5em;
	}
	.para_vision_gauche p{
		margin-top:6em;
	}
	.para_commune{
		margin-top:4em;
	}
	.width_photo_equipe{
	width: 70%;
	}

}

@media only screen and (max-width: 1100px) and (min-width: 1024px) {
	.wrap{
		width:90%;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}
	.h1h2_smallscreen{
		display:block;
		text-align:center;
	}

	.logo_mouvement{
		background: url(../img/acc_cedric2b.jpg) no-repeat right;
		height: 75px;
		margin-top:0;
	}

	.h1h2_bigscreen{
		display:none;
	}

	.photo_accueil {
		width: 52%;
		margin-top:3.5em;
	}

	.width_photo_accueil{
		width:95%;
	}
	.para_accueil {
		width: 44.5%;
		margin-top:1.5em;
	}
	.para_vision_droite p{
		margin-top:2.5em;
	}
	.para_vision_gauche p{
		margin-top:6em;
	}
	.para_commune{
		margin-top:4em;
	}
	.width_photo_equipe{
	width: 70%;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 930px) {
	.wrap{
		width:90%;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}
	.h1h2_smallscreen{
		display:block;
		text-align:center;
	}

	.logo_mouvement{
		background: url(../img/acc_cedric2b.jpg) no-repeat right;
		height: 75px;
		margin-top:0;
	}

	.h1h2_bigscreen{
		display:none;
	}

	.photo_accueil {
		width: 52%;
		margin-top:3.5em;
	}

	.width_photo_accueil{
		width:95%;
	}
	.para_accueil {
		width: 44.5%;
		margin-top:1.5em;
	}
	h1{
	margin-top :2em;
	font-size:2em;
	}
	.fb {
	font-size: 0.9em;
	}
	.para_vision_droite p{
	margin-top:0.2em;
	}
	.para_vision_gauche p{
		margin-top:4.5em;
	}
	.para_commune{
		margin-top:3em;
	}
	.width_vision{
	width: 78%;
	}
	.width_photo_equipe{
	width: 79%;
	}

}

@media only screen and (max-width: 930px) and (min-width: 855px) {
	.wrap{
		width:90%;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}
	.h1h2_smallscreen{
		display:block;
		text-align:center;
	}

	.h1h2_bigscreen{
		display:none;
	}
	.logo_mouvement{
	display:none;
	}
	.logo_mouvement2{
	display:inline-block;
	margin-top:0.2em;
	}
	.photo_accueil {
		width: 52.5%;
		margin-top:3.5em;
	}

	.width_photo_accueil{
		width:90%;
	}
	.para_accueil {
		width: 43.3%;
		margin-top:3.2em;
	}
	h1{
	margin-top :2em;
	font-size:2em;
	}
	.fb {
	font-size: 0.9em;
	}
	.para_vision_droite p{
	margin-top:-0.4em;
	}
	.para_vision_gauche p{
		margin-top:3.2em;
	}
	.para_commune{
		margin-top: 1.5em;
	}
	.width_vision{
	width: 85%;
	}
	.para_commune{
		margin-top: 1.5em;
	}

	.width_photo_equipe{
	width: 86%;
	}
}

@media only screen and (max-width: 855px) and (min-width: 800px) {
	.wrap{
		width:90%;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}
	.h1h2_smallscreen{
		display:block;
		text-align:center;
	}

	.h1h2_bigscreen{
		display:none;
	}
	.logo_mouvement{
	display:none;
	}
	.logo_mouvement2{
	display:inline-block;
	margin-top:1em;
	}
	.photo_accueil {
		width: 52.5%;
		margin-top:3.5em;
	}

	.width_photo_accueil{
		width:90%;
	}
	.para_accueil {
		width: 45%;
	}
	h1{
	margin-top :1em;
	font-size:2em;
	}
	.fb {
	font-size: 0.9em;
	}
	.para_vision_droite p{
	margin-top:-0.4em;
	}
	.para_vision_gauche p{
		margin-top:3.2em;
	}

	.width_vision{
	width: 85%;
	}
	.para_commune{
		margin-top: 1.5em;
	}

	.width_photo_equipe{
	width: 86%;
	}

}

@media only screen and (max-width: 800px) and (min-width: 768px) {
	.wrap{
		width:90%;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}
	.h1h2_smallscreen{
		display:block;
		text-align:center;
		margin-top:-3em;
	}

	.h1h2_bigscreen{
		display:none;
	}
	.logo_mouvement{
	display:none;
	}
	.logo_mouvement2{
	display:inline-block;
	}
	.photo_accueil {
		width: 47.7%;
		margin-top:3.5em;
	}

	.width_photo_accueil{
		width:90%;
	}
	.para_accueil {
		width: 50%;
	}
	h1{
	margin-top :3em;
	font-size:2em;
	}

	.fb {
	font-size: 0.85em;
	}
	.para_vision_droite p{
	margin-top:-1.1em;
	}
	.para_vision_gauche p{
		margin-top:2em;
	}
	.width_vision{
	width: 85%;
	}
	.para_commune{
		margin-top:1.5em;
	}

	.width_photo_equipe{
	width: 86%;
	}



}
@media only screen and (max-width: 768px) and (min-width: 640px) {
	.wrap{
		width:90%;
	}
	.img-banner {
		width:90%;
		margin:0 auto;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}


	h1{
	margin-top :5em;
	font-size:2em;
	}

	h2{
	font-size:1.5em;
	}

	h3{
	font-size:1.2em;
	}

	.h0{
		display:none;
	}

	.h1h2_smallscreen{
		display:block;
		text-align:center;
		margin-top: -3em;
	}
	.h1h2_bigscreen{
		display:none;
	}

	.logo_mouvement{
		float:none;
		background: url(../img/acc_cedric2b.jpg) no-repeat right;
		height: 75px;
	}

	.photo_accueil {
		float: none;
		width:100%;
		text-align: center;
		margin-top:3em;
	}

	.width_photo_accueil{
		width:90%;
	}

	.para_accueil {
		float:none;
		width:100%;
		text-align:center;
	}
	.para_accueil p {
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.para_commune{
	float: none;
	width: 100%;
	text-align: left;
	margin-top:1em;
	}

	.para_commune p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_commune {
		float: none;
		width: 100%;
		margin: 2em auto;
		text-align: center;
	}
	.photo_vision_droite {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.photo_vision_gauche {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.para_vision_droite p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_vision_droite {
		float:none;
		width:100%;
		text-align:center;
		margin-top:1em;
	}
	.para_vision_gauche p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_vision_gauche {
		float:none;
		width:100%;
		text-align:center;
		margin-top:1em;
	}
	.width_vision{
		width:90%;
	}
	.para_equipe{
		float: none;
		width: 100%;
		text-align: left;
		margin-top:3em;

	}

	.para_equipe p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_equipe1 {
		float: none;
		text-align: center;
		width: 50%;
		margin: 2em auto;
	}

	.photo_equipe2 {
		float: none;
		text-align: center;
		width: 50%;
		margin: 2em auto;
	}

	.para_contact{
	float: none;
	width: 100%;
	text-align: left;
	margin-top:1em;
	}
	.para_contact p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}
	.para_contact form{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_contact {
		float: none;
		height: 0px;
	}

	.logo {
		float: none;
		text-align:center;
		margin-top: 0em;
		padding-top:0.6em;
	}
	.top-nav {
		float: none;
		text-align:center;
	}

	.fb {
	font-size: 0.9em;
	}

	.width_photo_equipe{
	width: 90%;
	}

}
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap{
		width:90%;
	}
	.img-banner {
		width:90%;
		margin:0 auto;
	}
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}

	.h0{
		display:none;
	}

	h1{
	margin-top :5em;
	font-size:1.9em;
	}

	h2{
	font-size:1.5em;
	}

	h3{
	font-size:1.2em;
	}

	.h1h2_smallscreen{
		display:block;
		text-align:center;
		margin-top:-3em;
	}
	.h1h2_bigscreen{
		display:none;
	}

	.logo_mouvement{
		float:none;
		background: url(../img/acc_cedric2b.jpg) no-repeat right;
		height: 75px;
	}
	
	.photo_accueil {
		margin-top:3em;
		float: none;
		width:100%;
		text-align: center;
	}

	.width_photo_accueil{
		width:90%;
	}

	.para_accueil p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_accueil {
		float:none;
		width:100%;
		text-align:center;
	}
	


	.para_commune{
	float: none;
	width: 100%;
	text-align: left;
	margin-top:1em;
	}

	.para_commune p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_commune {
		float: none;
		width: 100%;
		margin: 2em auto;
		text-align: center;
	}
	.photo_vision_droite {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.photo_vision_gauche {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.para_vision_droite p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_vision_droite {
		float:none;
		width:100%;
		text-align:center;
		margin-top:1em;
	}
	.para_vision_gauche p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_vision_gauche {
		float:none;
		width:100%;
		text-align:center;
		margin-top:1em;
	}

	.width_vision{
		width:90%;
	}
	.para_equipe{
		float: none;
		width: 100%;
		text-align: left;
		margin-top:3em;
	}

	.para_equipe p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_equipe1 {
		float: none;
		text-align: center;
		width: 60%;
		margin: 2em auto;
	}

	.photo_equipe2 {
		float: none;
		text-align: center;
		width: 60%;
		margin: 2em auto;
	}

	.para_contact{
	float: none;
	width: 100%;
	text-align: left;
	margin-top:1em;
	}
	.para_contact p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}
	.para_contact form{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_contact {
		float: none;
		height: 0px;
	}

	.logo {
		float: none;
		text-align:center;
		margin-top: 0em;
		padding-top:0.6em;
	}
	.top-nav {
		float: none;
		text-align:center;
	}
	
	.fb {
	font-size: 0.9em;
	}

	.width_photo_equipe{
	width: 90%;
	}

}

@media only screen and (max-width: 600px) and (min-width: 480px) {
	.top-nav ul     { display: none; }
    select { display: inline-block; }
    h1{
	margin-top :2.9em;
	font-size:1.8em;
	}

	.logo{
	float: none;
	text-align: center;
	}
	.top-nav {
		float: none;
		text-align:center;
	}
	#photo_centree {
		min-width:400px;
		width:50%;
	}
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
	.wrap{
		width:90%;
	}
	.img-banner {
		width:90%;
		margin:0 auto;
	}

	.top-nav ul     { display: none; }
    select { display: inline-block; }
	textarea {
		width: 75%;
	}
	input[type="text"]{
		width: 75%;
	}
	.h0{
		display:none;
	}

	h1{
	margin-top :2.9em;
	font-size:1.8em;
	}

	h2{
	font-size:1.4em;
	}

	h3{
	font-size:1.2em;
	}

	.fb {
	font-size: 0.9em;
	}

	.h1h2_smallscreen{
		display:block;
		text-align:center;
	}

	.h1h2_bigscreen{
		display:none;
	}

	.logo_mouvement{
		float:none;
		background: url(../img/acc_cedric2b.jpg) no-repeat right;
		height: 75px;
	}
	
	#photo_centree {
		width:60px;
	}
	.photo_accueil {
		float: none;
		width:100%;
		margin: 2em auto;
		text-align: center;
	}
	.width_photo_accueil{
	width:90%;
	}

	.para_accueil p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_accueil {
		float:none;
		width:100%;
		text-align:center;
	}
	

	.para_commune{
	float: none;
	width: 100%;
	text-align: left;
	margin-top:1em;
	}

	.para_commune p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_commune {
		float: none;
		width: 100%;
		margin: 2em auto;
		text-align: center;
	}
	.photo_vision_droite {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.photo_vision_gauche {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.para_vision_droite p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_vision_droite {
		float:none;
		width:100%;
		text-align:center;
		margin-top:1em;
	}
	.para_vision_gauche p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_vision_gauche {
		float:none;
		width:100%;
		text-align:center;
		margin-top:1em;
	}

	.width_vision{
		width:90%;
	}

	.para_equipe{
		float: none;
		width: 100%;
		text-align: left;
		margin-top:3em;
	}

	.para_equipe p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_equipe1 {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}

	.photo_equipe2 {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.width_photo_equipe{
	width: 90%;
	}

	.para_contact{
	float: none;
	width: 100%;
	text-align: left;
	margin-top:1em;
	}
	.para_contact p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}
	.para_contact form{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_contact {
		float: none;
		height: 0px;
	}
	.logo {
		float: none;
		text-align:center;
		margin-top: 0em;
		padding-top:0.6em;
	}
	.top-nav {
		float: none;
		text-align:center;
	}

	.logo{
	float: none;
	text-align: center;
	}

	.top-nav ul li a {
		padding: 2.2em 0.8em;
	}
	.para_accueil h1 {
		font-size: 3.5em;
	}


}
@media only screen and (max-width: 320px) and (min-width: 240px) {
	.wrap{
		width:95%;
	}


	.img-banner {
		width:95%;
		margin:0 auto;
	}

	.top-nav ul     { display: none; }
    
    select { display: inline-block;  }
	
	input[type="text"]{
		width: 75%;
	}

	textarea {
		width: 75%;
	}

	.h0{
		display:none;
	}

	h1{
	margin-top :2.9em;
	font-size:1.7em;
	}

	h2{
	font-size:1.3em;
	}

	h3{
	font-size:1.1em;
	}

	.fb {
	font-size: 0.8em;
	}

	.h1h2_smallscreen{
		display:block;
		text-align:center;
	}
	.h1h2_bigscreen{
		display:none;
	}

	.logo_mouvement{
		float:none;
		background: url(../img/acc_cedric2c.jpg) no-repeat right;
		height: 63px;
	}
	
	.photo_accueil {
		float: none;
		width:100%;
		margin: 2em auto;
		text-align: center;
	}

	.width_photo_accueil{
		width:90%;
	}

	.para_accueil {
		float:none;
		width:100%;
		text-align:center;

	}
	.para_accueil p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}


	.para_commune{
	float: none;
	width: 100%;
	text-align: left;
	margin-top:1em;
	}

	.para_commune p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_commune {
		float: none;
		width: 100%;
		margin: 2em auto;
		text-align: center;
	}
	.photo_vision_droite {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.photo_vision_gauche {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}
	.para_vision_droite p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_vision_droite {
		float:none;
		width:100%;
		text-align:center;
		margin-top:1em;
	}
	.para_vision_gauche p {
		width:90%;
		text-align:justify;
		float:none;
		margin:1em auto 0 auto;
	}
	.para_vision_gauche {
		float:none;
		width:100%;
		text-align:center;
		margin-top:1em;
	}
	.width_vision{
		width:90%;
	}
		.para_equipe{
		float: none;
		width: 100%;
		text-align: left;
		margin-top:3em;
	}

	.para_equipe p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_equipe1 {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}

	.photo_equipe2 {
		float: none;
		text-align: center;
		width: 100%;
		margin: 2em auto;
	}

	.width_photo_equipe{
	width: 90%;
	}

	.para_contact{
	float: none;
	width: 100%;
	text-align: left;
	margin-top:1em;
	}

	.para_contact p{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}
	.para_contact form{
		width:90%;
		float:none;
		margin:1em auto 0 auto;
		text-align: justify;
	}

	.photo_contact {
		float: none;
		height: 0px;
	}

	.top-nav {
		float: none;
		text-align:center;
	}

	.logo{
	float: none;
	text-align: center;
	}
	.top-nav ul li a {
		padding: 2.2em 0.2em;
		font-size: 0.8em;
	}
	.para_accueil h1 {
		font-size: 2.5em;
	}
	.para_accueil h2 {
		font-size: 1.5em;
	}

}

/* Personnalisation */
.italic{
	font-style:italic;
	
}

.big {
	font-weight:bold;
	
}

.required{
	color:red;
}

#photo_centree{
	width:30%;
	min-width:200px;
}



#tabs {

   width: 90%;
    height:42px; 
   border-bottom: solid 1px #CCC;
   padding-right: 2px;
   margin-top: 30px;
   

}
a {cursor:pointer;}

#tabs li {
    float:left; 
    list-style:none; 
    border-top:1px solid #ccc; 
    border-left:1px solid #ccc; 
    border-right:1px solid #ccc; 
    margin-right:5px; 
    border-top-left-radius:3px;  
    border-top-right-radius:3px;
      outline:none;
}

#tabs li a {

    font-family:Arial, Helvetica, sans-serif; 
    font-size: 1.5em;
    font-weight: bold; 
    color: #5685bc;;
   padding-top: 5px;
   padding-left: 7px;
   padding-right: 7px;
    padding-bottom: 8px; 
    display:block; 
    background: #FFF;
    border-top-left-radius:3px; 
    border-top-right-radius:3px; 
    text-decoration:none;
    outline:none;
  
}

#tabs li a.inactive{
    padding-top:5px;
    padding-bottom:8px;
  padding-left: 8px;
  padding-right: 8px;
    color:#666666;
    background: #EEE;
   outline:none;
   border-bottom: solid 1px #CCC;

}

#tabs li a:hover, #tabs li a.inactive:hover {


    color: #5685bc;
      outline:none;
}