/******* Bootstrap design 1 *******/



/**********************************/
			/*nav*/
/**********************************/

			/*ban*/

/**********************************/

			/*content*/

/**********************************/
			
			/*footer*/
			
/**********************************/




/*****************************************************************************************************************/
/******** Déclarations attributs HTML */

html
{
	height: 100%;
	width:100%;
}

body
{
	width:auto;
	margin:0; /* Cette propriété permet d'éliminer les bords blanc autour de toute la page */
	
	/* Gestion du fond */
	
	background-image:url("../img/back.jpg");
	background-position:left;
	
	background-size:100% auto;
	background-repeat:repeat-y;
	font-family:Neuropol;
	overflow:auto;
}

footer
{
	width:100%;
	height: 200px ;  /* Hauter à déduire de la hauter du conteneur principale */
	margin-top:35px;
    background-color:#1e1e1e ;    /* ICI INTRODUIRE LA COULEUR DU FOOTER */
	
	bottom:0;
	position:relative;
}

nav
{
	margin:0;
	background: white ;   /* ICI INTRODUIRE LA COULEUR DE LA BARRE DE NAVIGATION - OU TRANSPARENT*/
	
	border-width:1px;
	border-style:solid;
	border-color:transparent;

	border-radius:3px 3px;
	
	height:65px;  /* Hauter de la partie navigation */
	width:100%;
}
section
{
	top:0;
	width:100%;
	overflow:auto;
	height:150px;
}
ul
{
	/* Tout style appartenant à une liste à puce standard */
	font-size:;
}

li
{

}

a
{
	text-decoration:none;
	color : #d1ddee;
}

input[type="text"]
{
	background-color:white;
	
	height:25px;
	border-width:2px;
	border-style:solid;
	border-color:#9d2235;

	border-radius:4px 4px;
	
	font-family:aria;
	color:#9d2235;
	
	width:98%;
	
	margin-top:5px;
	margin-bottom:5px;
	
	margin-left:10px;
	margin-right:5px;
	
	display:inline-block;
}

input[type="text"]:focus,textarea:focus
{
	font-family:arial;
	color:#1e1e1e;
}




textarea
{
	background-color:#white;
	
	border-width:2px;
	border-style:solid;
	border-color:#9d2235;

	border-radius:4px 4px;
	
	font-family:arial;
	color:#9d2235;
	width:98%;
	
	margin-top:5px;
	margin-bottom:5px;
	
	margin-left:10px;
	margin-right:5px;
}

input[type="submit"]
{
	border-width:2px;
	border-style:solid;
	border-color:transparent;

	border-radius:100px 100px;
	
	width:100px;
	height:30px;
	
	font-family:arial;
	color:white;
    background-color:#9d2235;
	
	float:right;
	margin-right : 15px;
	margin-top:10px;
}

input[type="submit"]:hover,input[type="submit"]:focus
{
	font-family:arial;
	color:#9d2235;
	background-color:white;
	border : 1px solid #9d2235;
}



#home{margin-left:20px;}
style="font-size:20px;padding-right:20px;margin-right:20px"

#phone 
{
	margin-left:50px;
	padding-right:50px;
}
#mail
{
	padding-left:50px;
}
#vendre{margin-left:150px;}
#langue {}

#indexwill
{
	margin-left:100px;
}
#indexwilln
{
	margin-left:180px;
}
#indexwille
{
	margin-left:160px;
}
/******** Déclarations classes */

.container
{
	min-height: calc(100vh - 200px);
	overflow:auto;
	width:100%;
	margin:0;
	padding:0;
	
	background:;
}


/*************Affichage à x COLONNES*******************/
.sous_content_colonne_c
{

	overflow: hidden;
	min-height:100%;
	border-color:transparent;
	text-align:center;
}

.sous_content_colonne_g
{
	width:100%;
	float:left;
	overflow: hidden;
	display:inline-block;
	min-height:100%;
	border-color:transparent;
	text-align:center;
	
}

.sous_content_colonne_r
{
	width:100%;
	overflow: hidden;
	float:right;
	display:inline-block;
	min-height:100%;
	border-color:transparent;
	text-align:center;

}
#c2
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#c3
{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
#c4
{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
#c5
{
	width:100%;
}

#d2
{
	width:calc(100% / 2);
	display:inline-block;
}
#d3
{
	width:calc(100%/3);
}
#d4
{
	width:calc(100%/4);
}
#d5
{
	width:calc(100%/5);
}

#cdtexte
{
	padding-top:0px;
	padding-right:50px;
	padding-left:50px;
}


.table
{
	padding-left:5px;

}

.table td
{
	text-align:left;
}


#action
{
	
	text-decoration:none;
	text-align:center;
	border-width:2px;
	border-style:solid;
	border-color:transparent;

	border-radius:100px 100px;
	
	width:100px;
	height:30px;
	
	font-family:arial;
	color:white;
    background:-webkit-linear-gradient(#9d2235,#9d2235);
	background:linear-gradient(#9d2235,#9d2235);
	background-color:#9d2235;
	margin-left:25px;
	padding:5px;
}


.btn
{
	margin-left:70px;
	-webkit-appearance: none;
}

.recherche
{
	padding:5px;
	margin:5px;

	border : 3px solid #9d2235;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	
	background-color :#1e1e1e;
}
#titrerecheche
{
color :#9d2235;
font-size:25px;
font-style:bold;
font-family:'Arial';
text-align:center;

}
.recherche tr td
{
color:white;
font-family:'Arial';
}







/******** Déclarations Ids */

#acc a
{
	display:none;
}




/* Zone navigation */
#brand
{
	position:absolute;
	/* définir le positionnement */
	margin:0;
	padding:0;
	margin-top:;
	margin-bottom:;
	
	padding-top :;
	padding-bottom:;
	
	margin-right:;
	padding-right:;
	
	margin-left:20px;
	padding-left:;
	
	float: left;
	overflow:hidden;
}

#brand li
{
	display:inline-block;
	
	color:#006DB0;
	font-size:35px;
	font-family:Neuropol;
}



#navigation
{
	font-size:;
	
	/* définir le positionnement */
	margin-top:0;
	margin-bottom: 25px;
	padding:0;
	padding-top :30px;
	padding-bottom:;
	
	margin-right:50px;
	padding-right:;
	
	margin-left:;
	padding-left:;

	
	height:25px;
	float:left;
	margin-left:225px
	
}
#navigation li
{
	display:inline-block;
}
#navigation  a
{
	margin-right:15px;
	color:#9d2235;
	text-align:center;
	font-family:Arial;
	font-size: 18px;
}

#brand li:hover
{
	color:#1e1e1e;
}

#navigation a:hover, a:active, a:focus
{
	padding-left:;
	padding-right:;
	
	border-width:;
	border-style:;
	border-color:;

	border-radius:;
	
	color:#1e1e1e;
}




/* Zone Button */
#button
{
	border-width:2px;
	border-style:solid;
	border-color:transparent;

	border-radius:100px 100px;
	
	width:100px;
	height:30px;
	
	font-family:Neuropol;
	font-size:15px;
	color:#d1ddee;
    background: rgba(21,45,77,1) ;
}

#button:hover,#button:focus
{
		font-family:Neuropol;
	color:#006DB0;
	background-color:#d1ddee;
}
#noeffect
{
	 width:200px;
	 margin-right:0;
}
#noeffect:hover
{
	
	width:200px;
	border:0px;
	color:#1e1e1e;
	padding:0;
}









#dropdownmenu
{
	display:none;
	margin:0;

	background-color:rgba(157,34,53,0.7);
	color:white;
	text-align:center;
	width:150px;
	
	padding-top:6px;
	overflow:auto;
	z-index:5;
	position:fixed;
}


#dropdownmenu li
{
	margin-right:0px;
	display:block;
	float:left;
	
	margin-left:-30px;
	padding-bottom:3px;
	
}

#dropdownmenu li a
{
	width:130px;
	font-size:18px;
	padding:0px;
	color:white;
}

#dropdownmenu li a:hover,#dropdownmenu li:hover
{
color:rgba(157,34,53,0.7);
background-color:white
}

#navigation li a:hover  + #dropdownmenu, #navigation li:hover  + #dropdownmenu,  #dropdownmenu:hover
{
	display:block;
}


/*******************/
/* Zone Content    */

#banniere
{
	height:400px;
	background:rgba(0,109,176,0.8);
	overflow:hidden;
}

#contenu
{
	/* background:rgba(0,109,176,1); */
	background: rgba(21,45,77,1) ;
	min-height:100px;
	height:auto;
}

#contenu div
{
	font-family:MotionPicture;
	font-size:20px;
	color : #d1ddee;
}
#bannservice
{
	margin-top:0;
	height:40px;

	
	text-align:center;
	font-family:arial;
	
	font-size:30px;
	color:#9d2235;
	background-color:white;
	
}
#service
{
	margin-top:10px;
	min-height:400px;
	height:auto;
	/*background: rgba(21,45,77,0.5) ;*/
}

#bottomservice
{
	height:50px;
	/*background: rgba(21,45,77,0.5) ;*/

	text-align:center;
	font-family:Neuropol;
	
	font-size:20px;
	color:#d1ddee;
}
#contact
{
	margin-top:30px;
	background: rgba(21,45,77,1) ;
	font-family:Neuropol;
	font-size : 14px;
	color:#d1ddee;
	
	height:330px;
}

#formcontact
{
	margin-top:0px;
	background: rgba(21,45,77,1) ;
	font-family:Neuropol;
	font-size : 14px;
	color:#d1ddee;
	
	height:450px;
}





/* Zone Text       */

#normaltext
{
	font-size:20px;
	font-style:bold;
	color:blue;
}

#Title
{
	margin-left:10px;
	font-family:Arial;
	font-size:20px;
	color:#9d2235;
}

#zonetext
{
	margin-left:15px;
	font-family:Neuropol;
	font-size:15px;
	color:#d1ddee;
}


#footermenu,#footerinfo
{
	margin-top:20px;
	position:absolute;
	float:left;
	display:block;
	list-style-type: none; 
	

}
#footerinfo
{
	float:right;
}
#footermenu  a, #footermenu p
{
	text-decoration:none;
	font-size:14px;
	color:#d1ddee;
}
#footermenu a:hover
{
	font-size:16px;
}
#footermenu div
{
	color:#d1ddee;
	border : 1px outset;
	border-left:transparent;
	border-right:transparent;
	border-top:transparent;
	border-bottom-color :transparent;
	
}

#footermenu div:hover
{

}



#textetitle
{
	font-family:arial;
	font-size:35px;
	color : #9d2235;
}

#textetitletexte
{
	font-family:arial;
	font-size:16px;
	color : #1e1e1e;
}

#separator
{
	margin-top:35px;
	margin-bottom:35px;
	width:100%;
	border : 15px solid;
	border-radius:10px 10px 10px 10px;
	border-bottom:transparent;
	border-left:transparent;
	border-right:transparent;
	border-top-color: #9d2235;
	
}

#texteaction
{
	color:#1e1e1e;
	font-family:arial;
	font-size:32px;
}
#texteaction a
{
	text-decoration:none;
	color : #9d2235;
}

#buttonhome
{
	padding:10px;
	color :white;
	width:150px;
	height:100px;
	border-radius:20px 20px 20px 20px;
	background-color: #9d2235;
}
#buttonhome:hover
{
	color :#9d2235;
	background-color:white ;
	border : 1px solid #9d2235;
}

#contactphoto
{
	display:inline-block;
	float:right;
}

#contactphoto div
{

}

#contactblock div
{
display:block;
float:right;
color : #1e1e1e;
font-family:arial;
font-size: 15px;
}

#contactblock div p
{
display:block;
float:right;
color : #1e1e1e;
font-family:arial;
font-size: 15px;
}

#contactblock div a
{
text-decoration:none;
color : #1e1e1e;
font-family:arial;
font-size: 15px
}



/************************ DEFINITION PARAMETRES SLIDE ***********************/

#slideshow 
{
	position: relative;
	width: 400px;
	/* width:100%; */
	margin-left:auto;
	margin-right:auto;
	height:300px;
	background:rgba(0,109,176,0.5);
	

	overflow:hidden;
	/* CSS3 effects */
	background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);
}

#slideshow:before,
#slideshow:after 
{
	position: absolute;
	bottom:16px;
	z-index: -10;
	width: 50%;
	height: 20px;
	content: " ";
	background: rgba(0,0,0,0.1);
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
}

#slideshow:before 
{
	left:0;
	transform: rotate(-2deg);
}
#slideshow:after
{
	right:0;
	transform: rotate(2deg);
}
/* gestion des dimensions et débordement du conteneur */
#slideshow .slide_container {
	position:relative;
	width: 100%;
	/* width:100%; */
	height: 300px;
	overflow: hidden;
}

/* 
   le conteneur des slides
   en largeur il fait 100% x le nombre de slides
*/
#slideshow .slider {
	position: absolute;
	left:0; top:0;
	width: 300%;
	height: 300px;
}

/* annulation des marges sur figure */
#slideshow figure {
	position:relative;
	display:inline-block;
	padding:0; margin:0;
}
/* petit effet de vignette sur les images */
#slideshow figure:after {
	position: absolute;
	display:block;
	content: " ";
	top:0; left:0;
	width: 100%; height: 100%;
	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
}

@keyframes slider 
{
	0%, 20%, 100%	{ left: 0 }
	25%, 45%		{ left: -100% }
	50%, 70%		{ left: -200% }
	/* 0%, 20%, 100%	{ left: 0 } */
	75%, 95%		{ left: 0 }
}

#slideshow .slider {
	/* ... avec la propriété animation */
	animation: slider 25s infinite;
}


#show-menu{
   display: none;
}

#show-menu:checked ~ #navigation
{
	display:block;
}
#show-menu-d
{
	display:none;
}
#show-menu-d:checked ~ #dropdownmenu
{
	width:100%;
	height:auto;
	color:black;
	background-color:#E3E3E3;
	font-family:'arial';
	font-size:20px;
	display:block;
}

.show-menu
{
	overflow:hidden;
	text-decoration:none;
	margin-right:15px;
	text-align:center;
	font-size: 12px;
	background-color:transparent;
	color:white;
	text-align: center;
	margin:0;
	padding: 10px 0;
	float:right;
	display: none;
}

.show-menu-d
{
	overflow:hidden;
	text-decoration:none;
	margin:0;text-align:left;
	font-family:'arial';
	color:#1e1e1e;font-size:12px; width:auto;
	display: none;
	
}




#tablephoto
{
		width:600px;
}

	
#photoslide
{
	width:600px;
	padding:0;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}	
	
#idphotojavascript
{
	width:600px;
	height:auto;
}

#info
{
	width:600px;
	padding:0;margin-top:20px;margin-left:auto;margin-right:auto;
}

#info tr td
{
	font-size:20px;
}
#commentaires
{
	width:600px;
	height:500px;
	padding:0;margin-top:-5px;margin-left:auto;margin-right:auto;
}

#infocomm
{
overflow: auto;
margin-left:auto;
margin-top:-60px;
border-radius:0;
margin-right:auto;
padding:10px;
border:transparent;
width:600px;
height:420px;
color:white;
font-family:'Arial';
font-size:18px;
background-color:#4c4c4c;
}

#testimonials
{
	border-radius:10px 10px;
	padding:10px;
	margin-bottom:20px;
	font-style:'arial';
	font-size:20px;
	color:#1e1e1e;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border : 2px solid #9d2235
}



/********* MISSION ***********/

#mission
{
margin-top:50px;width:800px;margin-left:auto;margin-right:auto;
}
#titremission
{
font-size:50px;font-family:'arial'; color:#9d2235;margin-top:35px;
}
#titremissiona
{
margin-top:5px;font-size:30px;font-family:'arial'; color:#1e1e1e;
}

#mission2
{
margin-top:35px;
}

#idmission1
{padding-left:250px;margin-top:35px;font-size:20px;font-family:'aria'; color:#1e1e1e;
}
#idmission2
{padding-left:250px;margin-top:5px;font-size:20px;font-family:'aria'; color:#1e1e1e;
}
#idphil
{
margin-top:35px;font-size:20px;font-family:'aria'; color:#1e1e1e
}

/******PHILOSOPHIE *********/

#phil
{
margin-top:50px;width:800px;margin-left:auto;margin-right:auto;
}

/* TEST RESPONSIVE */
@media (max-width: 700px)
{

	/*Mission */
	#mission,#phil
	{
		width:90%;margin-left:auto;margin-right:auto;
	}
	#titremission
	{
		font-size:25px;margin-top:20px;font-family:'arial'; color:#9d2235;margin-top:35px;
	}
	#titremissiona
	{
		font-size:15px;
	}
	#mission2
	{
		margin-top:15px;
	}
	#idmission1,#idmission2
	{
		padding-left:50px;font-size:12px;
	}
	#idphil
	{
		font-size:12px;
	}



	.container
	{
		height:100%;
	}
	#brand {margin-top:-5px;margin-left:5px}
	#brand li img{width:130px;height:auto}
	nav {width:100%;}
	
	#navigation li {margin:0;  display:block;float: none;width:auto;height:20px;padding-top:10px;border-bottom:1px solid #d2d2d2;}
	#navigation li a {margin:0;text-align:left;color:#1e1e1e;font-size:12px; width:auto;padding-left:15px;}
	
	#navigation  {background-color: #e7e7e7;position :fixed; display:none;width :100%; height:auto; margin-top:50px;margin-left:0px;margin-right:0px;margin-bottom:0px;text-align:left;overflow:auto;}
	
	#noeffect a{display:none}
	#dropdownmenu a{display:block;}


	.recherche{width:100%;}
	
	#d2
	{
		width:100%;
	}
	#c2
	{
		width:100%;
		height:100%;
	}
	
		
	footer{height:100%;}
	
	#home img{display:none;}
	#acc a{display:block;}
	#vendre{margin-left:0;}
	#langue{margin-left:0;}
	
	#mail a{visibility: hidden;}
	#phone a{visibility: hidden;}
	
	/*Display 'show menu' link*/
	.show-menu-d
	{
		display:block;
		padding-left:15px;
	}
	.show-menu img
	{
		margin-top:7px;
		margin-right: 30px;
		width:20px;
		height:15px;
	}
	.show-menu {
		display:block;
		width:auto;
		height:auto;
	}

	.sous_content_colonne_g
	{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
		
	.sous_content_colonne_r
	{
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		margin-top:-280px;
	}
	
	#photoslide
	{
		width:80%;
		height:auto;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		
	}
	#idphotojavascript
	{
		width:100%;
		height:auto;
		margin:0;
	}

	#info
	{
		width:80%;
		height:auto;
		margin:0;
		margin-left:auto;
		margin-right:auto;
	
	}
	#info tr td
	{
	font-size:15px;
	}
	
	#commentaires
	{
		width:80%;
		height:100%;
		margin:0;
		margin-left:auto;
		margin-right:auto;
	}
	
	#infocomm
	{
		margin-top:-250px;
		width:100%;
		height:250px;
		font-size:12px;
		
	}
	
	#testimonials
	{
		width:60%;
		height:auto;
		font-size:13px;
	}
	footer{display:none;}
	
	#n,#p,#t,#m,#me{ width:90%;height:auto;}
	

}

@media (max-width: 700px) and (orientation:landscape) 
{
  	.sous_content_colonne_r
	{
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		
	}
	#info
	{
		margin-top:10px;
	}
	
	#photoslide
	{
		width:90%;
		height:auto;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		
	}
	
		#infocomm
	{
	margin-top:-70px;
		width:100%;
		height:200px;
		font-size:12px;
	}
}


@media (max-width: 1300px)and (orientation:landscape) 
{


nav {width:100%;}
	
	#navigation li {margin:0;  display:block;float: none;width:auto;height:auto;padding-top:5px;}
	#navigation li a {padding-left:20px;margin:0;text-align:left;color:#1e1e1e;font-size:18px; width:auto;}
	
	#navigation  {background-color: #e7e7e7;position :fixed; display:none;width :100%; height:auto; margin-top:50px;margin-left:0px;margin-right:0px;margin-bottom:0px;text-align:left;overflow:auto;z-index:5}
	
	#noeffect a{display:none}
	#dropdownmenu a{display:block;}
	
	#home img{display:none;}
	#acc a{display:block;}
	#vendre{margin-left:0;}
	#langue{margin-left:0;}
	
	#mail a{display:none;}
	#phone a{display:none;}
	

	/*Display 'show menu' link*/
	.show-menu-d
	{
		display:block;
				padding-left:20px;
		font-size:18px;
	}
	.show-menu img
	{
		margin-top:7px;
		margin-right: 30px;
		width:20px;
		height:15px;
	}
	.show-menu {
		display:block;
		width:auto;
		height:auto;
	}
	
	#indexwill,#indexwilln,#indexwille
	{
		margin-left:100px;
	}
	
	#tablephoto,#photoslide,#idphotojavascript,#info,#commentaires,#infocomm
	{
		width:500px;
	}



}

@media (max-width: 1100px) and (orientation:landscape) 
{
	nav {width:100%;}
	
	#navigation li {margin:0;  display:block;float: none;width:auto;height:auto;padding-top:5px;}
	#navigation li a {padding-left:20px;margin:0;text-align:left;color:#1e1e1e;font-size:18px; width:auto;}
	
	#navigation  {background-color: #e7e7e7;position :fixed; display:none;width :100%; height:auto; margin-top:50px;margin-left:0px;margin-right:0px;margin-bottom:0px;text-align:left;overflow:auto;z-index:5}
	
	#noeffect a{display:none}
	#dropdownmenu a{display:block;}
	
	#home img{display:none;}
	#acc a{display:block;}
	#vendre{margin-left:0;}
	#langue{margin-left:0;}
	
	#mail a{display:none;}
	#phone a{display:none;}
	

	/*Display 'show menu' link*/
	.show-menu-d
	{
		display:block;
				padding-left:20px;
		font-size:18px;
	}
	.show-menu img
	{
		margin-top:7px;
		margin-right: 30px;
		width:20px;
		height:15px;
	}
	.show-menu {
		display:block;
		width:auto;
		height:auto;
	}
	
	#indexwill,#indexwilln,#indexwille
	{
		margin-left:100px;
	}
	
	#tablephoto,#photoslide,#idphotojavascript,#info,#commentaires,#infocomm
	{
		width:400px;
	}


}