/**************************************************/
/*****  VIDEOS  ***************************/
/**************************************************/
.video_accueil
{
text-align:center;
margin:auto;
top:-214px;
width:300px;
height:220px;
background-color:black;
    box-shadow: 2px 2px 8px grey;
    border-radius: 20px 0px 20px 0px;
}

#load_welcome
{
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
margin-left:5px;
margin-top:-20px;
font-size:0.7em;
color:grey;
}

/********************************************/
/*****  GENERIQUE ***************************/
/********************************************/
body
{
background-color:black;
}


header
{
background-color:black;
position : fixed;
height:100px;
width:101%;
margin-left:-10px;
}


#bloc_page
{
background-color:black;
color:black;
padding-top:103px;
height:1800px;
margin-left:-10px;
width:103%;
}

#bloc_page5
{
background-color:black;
color:black;
padding-top:103px;
height:1030px;
margin-left:-10px;
width:103%;
}

#bloc_page6
{
background-color:#00313B;
color:black;
padding-top:103px;
height:700px;
margin-left:-10px;
width:103%;

}


#banniere_image
{
margin-left:-10px;
background-color:#A9FFF4;
height:380px;
    background: url('images/banniere3.jpg') no-repeat;
    box-shadow: 2px 2px 4px grey;
width:101%;
background-size: 100%;
}

#banniere_image #bienvenue
{
    font-family: "MV Boli", Arial, Verdana,  "Arial Black", sans-serif;
    color: black;
font-size:5.2em;
font-weight:bold;
text-align:center;
text-shadow:0px 2px 3px black;
width:70%;
margin:auto;
padding-top:40px;
}

#banniere_image2
{
margin-left:-10px;
background-color:#A9FFF4;
height:380px;
    background: url('images/banniere4.jpg') no-repeat;
    box-shadow: 2px 2px 4px grey;
width:101%;
background-size: 100%;
}

#banniere_image5
{
margin-left:-10px;
background-color:#A9FFF4;
height:330px;
    background: url('images/banniere5.jpg') no-repeat;
    box-shadow: 2px 2px 4px grey;
width:101%;
background-size: 100%;
}

#twopers
{
    height: 88px;
width:73px;
position:relative;
    border-radius: 2px;
    background: url('images/2pers.jpg') no-repeat;
    box-shadow: 2px 2px 4px grey;
float: left;
margin-left:20px;
margin-top:5px;
}

#logo
{
background-color:black;
}

#logo p
{
margin-top:72px;
width:250px;
color:#63FFB2;
font-family: "Calibri", "MV Boli", Arial, Verdana,  "Arial Black", sans-serif;
font-size:1.1em;
}

#logo
{
    height: 71px;
width:132px;
position:relative;
    border-radius: 2px;
    background: url('images/logo.jpg') no-repeat;
    box-shadow: 2px 2px 4px grey;
float: left;
margin-left:118px;
margin-top:5px;
}

#powered
{
    height: 70px;
width:72px;
position:relative;
    border-radius: 2px;
    background: url('images/powered-by.jpg') no-repeat;
float: right;
margin-right:15px;
margin-top:-39px;
}

#planning2
{
/*background-color:#A9FFF4;*/
height:150px;
width:150px;
    background: url('images/planning.jpg') no-repeat;
background-size: 95%;
margin:auto;

}

#facebook
{
position:relative;
float: right;
background-color:#A9FFF4;
width:40px;
height:40px;
    background: url('images/facebook.jpg') no-repeat;
}

footer
{
background-color:black;
height:325px;
margin-left:-10px;
width:103%;
}

section#adresses 
{
height:300px;
    background: url('images/fond_pied.png');
}

section#telephone 
{
float: left;
width:45%;
height:232px;
}

section#adr 
{
float: left;
width:0%;
height:232px;
}

section#email 
{
float: left;
width:40%;
height:232px;
}

#footer_titre2
{
margin-top:60px;
text-align:center;
font-size:1.1em;
color:orange;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
text-decoration: underline;
}

#footer_texte_adresse
{
text-align:center;
font-size:1.0em;
color:white;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}


section#bas
{
float: left;
margin-top:-45px;
height:25px;
background-color:black;
width:100%;
}

#footer_texte_statut
{
background-color:black;
text-align:center;
font-size:0.9em;
}



.lien_url
{
text-decoration:none;
}

.lien_url3
{
text-decoration:underline;

		color:#495CFF;
}

.lien_url3:hover
{
    color:yellow;
text-shadow:1px 2px 5px black;
}

.lien_url5
{
text-decoration:underline;
font-size:1.3em;
		color:#495CFF;

}


.lien_url5:hover
{
    color:yellow;
text-shadow:1px 2px 5px black;
}


.lien_url_menu_sel
{
color:#183152;
text-decoration:none;
}

	
.lien_url_menu
{
color:#63FFB2;
text-decoration:none;
}

.lien_url_menu:hover
{
color:#63FFB2;

}



.lien_url_menu2
{
color:white;
text-decoration:none;
}

.lien_url_menu3
{
color:grey;
text-decoration:none;
}

.lien_url_menu4
{
color:black;
text-decoration:none;
}


.lien_desc
{
text-decoration:none;
color:grey;
}

.lien_desc:hover
{
color:blue;
text-decoration:underline;
}


#bouton_cmde
{
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
    color: white;
    text-decoration: none;
    background: url('images/fond_degraderouge.png') repeat-x;
    font-size: 1.3em;
    text-align: center;
width: 220px; 
height: 29px; 
 border-radius: 8px;
    border: 1px solid #760001;
 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
margin:auto;
margin-top:5px;
}

#bouton_cmde:hover{ 
color: white;  
background:  linear-gradient(#D45E3A,#C72B10,#C72B10, #731B26) ; 
text-decoration:none;
}

#bouton_cmde:active
{ 
color: white; background:  linear-gradient(#C72B10,#731B26,#731B26, #731B26) ; 
text-decoration:none;

}


#social
{
margin-top:2px;
margin-right:100px;
text-align:right;
}


#photo_virtual
{
    background: url('images/logo.jpg') no-repeat;
    box-shadow: 2px 2px 4px grey;
margin-left:10px;
margin-top:-10px;
background-color:#A9FFF4;
height:75px;
width:133px;
}

/********************************************/
/*****  PAGES SIMPLES ***************************/
/********************************************/
section#page1 {
float: left;
 margin-left:0px;
width:103%;
height:2100px;
background-color:#FCFAE1;
}


#titre_page1
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:3.0em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#titre_resa
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:2.0em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#titre_plus1
{
text-align:center;
margin-top:30px;
	padding-left:40px;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:1.5em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#titre_plus2
{
width:90%;
margin-left:40px;
margin-right:40px;
text-align:justify;
margin-top:30px;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:1.2em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}


/**************************************************/
/*****  SLIDER  ***************************/
/**************************************************/
#main {margin: auto; margin-top: 0px;overflow: hidden;
height:200px;
width:253px;
    box-shadow: 2px 2px 4px grey;
    border-radius: 5px;
margin:auto;margin-left:35px;
}

#main2 {margin: auto; margin-top: 0px;overflow: hidden;
height:50%;
width:90%;
    box-shadow: 2px 2px 14px grey;
margin:auto;
background-color:#FCFAE1;
}


.slider { margin: 0px 0 0px!important;}




/******************************************/
/*****  ACCUEIL ***************************/
/******************************************/

section#edito {
 margin-left:0px;
width:50%;
height:700px;
background-color:#FCFAE1;
}

section#edito1page {
 margin-left:0px;
width:100%;
height:700px;
background-color:#FCFAE1;
}

#titre_edito
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:3.0em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#texte_edito
{
text-align:justify;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:#927D6A;
padding-top:30px;
font-size:1.0em;
	margin-right:60px;
	margin-left:40px;
line-height:1.35em;
}


#bullet5
{
font-family: Arial, Verdana,  "Arial Black", sans-serif;
font-size:1.2em;
}

#bullet6
{
font-family: Arial, Verdana,  "Arial Black", sans-serif;
margin-left:20px;
color:#927D6A;
font-size:1.4em;
line-height:1.3em;

}



section#plus {
float: right;
width:50%;
height:700px;
margin-top:-700px;
background-color:#FCFAE1;
}

#logo_plus
{
    background: url('images/vu.jpg') no-repeat;
	margin-left:40px;
margin-top:30px;
}

#titre_plus
{
text-align:left;
padding-top:-30px;
	padding-left:40px;

font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:1.5em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#texte_plus
{
font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:#927D6A;
padding-top:10px;
font-size:1.0em;
text-align:justify;
	margin-right:60px;
	margin-left:40px;
}






section#services 
{
float: left;
width:100%;
height:100px;
margin-top:1px;
background-color:#FCFAE1;
}

section#boutique 
{
float: left;
width:25%;
height:675px;
background-color:#FCFAE1;
}

section#excursions 
{
float: left;
width:25%;
height:675px;
background-color:#FCFAE1;
}

section#formations 
{
float: left;
width:25%;
height:675px;
background-color:#FCFAE1;
}

section#logiciels 
{
float: left;
width:25%;
height:675px;
background-color:#FCFAE1;
}

#titre_edito2
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:2.0em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#titre_edito3
{
padding-top:20px;
text-align:center;
margin:auto;
font-weight:bold;
color:#B1221C;
font-size:1.1em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#titre_edito4
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
color:#FFEFCE;
font-size:2.0em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#image_boutique
{
    background: url('images/image_boutique.jpg') no-repeat;
height:200px;
width:253px;
    box-shadow: 2px 2px 4px grey;
    border-radius: 5px;
margin:auto;
}

#image_excursions
{
    background: url('images/image_excursions.jpg') no-repeat;
height:200px;
width:253px;
    box-shadow: 2px 2px 4px grey;
    border-radius: 5px;
margin:auto;
}


#image_formations
{
    background: url('images/image_formations.jpg') no-repeat;
height:200px;
width:253px;
    box-shadow: 2px 2px 4px grey;
    border-radius: 5px;
margin:auto;
}

#image_logiciels
{
    background: url('images/image_logiciels.jpg') no-repeat;
height:200px;
width:253px;
    box-shadow: 2px 2px 4px grey;
    border-radius: 5px;
margin:auto;
}




/******************************************/
/*****  MENTIONS LEGALES ******************/
/******************************************/
#bloc_page_mentions
{
background-color:black;
color:black;
padding-top:103px;
height:698px;
margin-left:-10px;
width:103%;
}

section#mentions_titre
{
float: left;
width:100%;
height:100px;
margin-top:1px;
background-color:#FCFAE1;
}

section#mentions_texte
{
float: left;
width:100%;
height:220px;
margin-top:1px;
background-color:#FCFAE1;
}

#texte_mentions
{
font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:#927D6A;
padding-top:30px;
font-size:1.0em;
text-align:justify;
	margin-right:300px;
	margin-left:300px;
}




/*******************************/
/*****  MERCI ******************/
/*******************************/
#bloc_page_merci
{
background-color:#00313B;
color:black;
padding-top:103px;
height:498px;
margin-left:-10px;
width:103%;
}

section#mentions_titre
{
float: left;
width:100%;
height:100px;
margin-top:1px;
background-color:#FCFAE1;
}

#titre_merci
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:3.0em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

section#merci_texte
{
float: left;
width:100%;
height:400px;
margin-top:0px;
background-color:#FCFAE1;
}

#texte_merci
{
font-family: "MV Boli", Arial, Verdana,  "Arial Black", sans-serif;
color:#B1221C;
padding-top:30px;
font-size:3.0em;
text-align:justify;
width:65%;
margin:auto;
}



/*********************************/
/*****  CONTACT ******************/
/*********************************/
#bloc_page_contact
{
background-color:#FCFAE1;
color:black;
padding-top:103px;
height:898px;
margin-left:-10px;
width:100%;
}

section#contact_form
{
float: left;
margin-top:1px;
background-color:#FCFAE1;
}

#titre_merci
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:3.0em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}


#lib
{
    position: relative;
    left:200px;
top:59px;
font-size:1.1em;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:grey;
}

#lib_comment
{
    position: relative;
    left:205px;
top:36px;
font-size:0.7em;
    font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:grey;
} 	

#lib_oblig
{
    position: relative;
    left:200px;
top:59px;
font-size:1.1em;
color:RED;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#champ
{
    position: relative;
    left:350px;	
top:37px;
}

#champ_radio
{
    position: relative;
    left:450px;	
top:34px;
}

#champ_radio2
{
    position: relative;
    left:245px;	
top:34px;
}


#champ_message
{
    position: relative;
    left:350px;
top:60px
}

#module_cocher	
{
    position: relative;
    left:350px;	
top:40px;
    font-family: Verdana,  Arial, "Arial Black", sans-serif;
}

#module_cocher1	
{
    position: relative;
    left:220px;	
top:40px;
    font-family: Verdana,  Arial, "Arial Black", sans-serif;
	color:#6E81BD;
}

#module_cocher2
{
    position: relative;
    left:220px;	
top:40px;
    font-family: Verdana,  Arial, "Arial Black", sans-serif;
	color:#05966D;
}

#module_cocher3
{
    position: relative;
    left:220px;	
top:40px;
    font-family: Verdana,  Arial, "Arial Black", sans-serif;
	color:#C9001A;
}

#module_cocher4
{
    position: relative;
    left:220px;	
top:40px;
    font-family: Verdana,  Arial, "Arial Black", sans-serif;
}


#champ_cocher
{
    position: relative;
    left:350px;	
top:80px;
font-size:0.8em;
    font-family: Verdana,  Arial, "Arial Black", sans-serif;
	color:grey;
}


#bouton_envoyer
{
    position: relative;
    left:350px;
top:90px;
height:100px;
}


/***************************************************/
/*****  BOUTIQUE CHAUSSURES DAMES ******************/
/***************************************************/
#bloc_page_boutique
{
background-color:#00313B;
color:black;
padding-top:103px;
height:7885px;
margin-left:-10px;
width:103%;
}

#sous_menu
{
background-color:#52251C;
position : fixed;
height:100px;
width:105%;
margin-left:-10px;
}

#bienvenue_boutique
{
/*text-align:center;*/
margin-left:30px;
font-weight:bold;
text-shadow:1px 2px 5px black;
font-size:2.0em;
    font-family: "MV Boli", Arial, Verdana,  "Arial Black", sans-serif;
    color: #F5E1C2;
width:105%;
}

section#famille
{
float: left;
width:100%;
height:150px;
margin-top:20px;
background-color:#895959;
}

section#sous_famille
{
float: left;
width:100%;
height:120px;
margin-top:10px;
background-color:#9E8479;
}

section#article
{
float: left;
width:24.9%;
height:350px;
margin-top:1px;
margin-left:1px;
background-color:#FCFAE1;
}




#sous_menu nav
{
width:100%;
height:32px;
background-color:#795344;
    border-radius: 1px;

}

#sous_menu nav ul {
color:white;
 list-style: none;
 margin: 0;
 padding: 0;
padding-right:50px;
padding-top:5px;
text-align:left;
margin-left:30px;
}

#sous_menu nav ul li {
 display:inline;
 margin: 0 20px 0 0;
 padding: 1px;
font-weight:bold;

}

#titre_famille
{
padding-top:35px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px white;
color:black;
font-size:4.6em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
width;103%;
}

#titre_sous_famille
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
font-size:3.6em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#titre_article
{
padding-top:30px;
text-align:center;
margin:auto;
font-weight:bold;
text-shadow:1px 2px 5px grey;
/*color:#B1221C;*/
color:black;
font-size:1.6em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
}

#description_article
{
text-align:center;
margin-top:50px;
margin-left:50px;
margin-right:50px;
font-size:0.9em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:grey;
}

#description_article2
{
text-align:justify;
margin-top:50px;
margin-left:50px;
margin-right:50px;
font-size:0.9em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
color:grey;
}

#prix_ariary
{
text-align:center;
margin:auto;
margin-top:10px;
font-size:1.5em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:#B1221C;
}

#vendu
{
text-align:center;
margin:auto;
margin-top:10px;
font-size:1.6em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
font-weight:bold;
text-shadow:1px 2px 5px grey;
color:green;
}

#prix_euro
{
text-align:center;
margin:auto;
margin-top:0px;
font-size:0.9em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
text-shadow:1px 2px 5px grey;
color:grey;
}

#btn_paypal
{
margin-top:10px;
text-align:center;
}


.zoom {
height:50px;
margin:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
width:90px;
height:90px;
    border-radius: 1px;
    box-shadow: 2px 2px 4px grey;
}
.zoom img:hover {
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
/*width:98%;
height:260px;*/
	transform: scale(8);
	-ms-transform: scale(8);
	-webkit-transform: scale(8);
	-o-transform: scale(8);
	-moz-transform: scale(8);
}



.zoom2 {
height:50px;
margin:auto;
}
.zoom2 p {
text-align:center;
}
.zoom2 img {
width:90px;
height:90px;
    border-radius: 1px;
    box-shadow: 2px 2px 4px grey;
}
.zoom2 img:hover {
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
/*width:98%;
height:260px;*/
	transform: scale(8);
	-ms-transform: scale(8);
	-webkit-transform: scale(8);
	-o-transform: scale(8);
	-moz-transform: scale(8);
}



/***************************************/
/*****  MEDIA QUERIES ******************/
/***************************************/
@media only screen and (max-width : 480px) 
{



}


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



}


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



#banniere_image #bienvenue
{
font-size:3.0em;
margin-top:-70px;
}




header
{
margin-top:-50px;
position : relative;
}

footer
{
margin-top:-215px;
height:385px;
}

	#powered
	{
	width:72px;
	height: 70px;
	position:relative;
    border-radius: 2px;
    background: url('images/powered-by.jpg') no-repeat;
	float: left;
	margin-left:8px;
	margin-top:5px;
	}


	#sous_menu
	{
	position : relative;
	width:520px;
margin-top:-90px;
	}


	#bienvenue_boutique
	{
	font-size:1.4em;
	}


	#menu_1ereligne nav
	{
	width:520px;
	height:62px;
	}


	#menu_1ereligne nav ul 
	{
	width:45%;
	padding-right:50px;
	padding-top:5px;
	margin-left:30px;
	}

	#menu_1ereligne nav ul li 
	{
	top:15px;
	}


	#menu_2eligne
	{
	display:none;
	}

	#conseillere
	{
	display:none;
	}

section#famille
{
height:75px;
margin-top:-50px;
}

section#sous_famille
{
height:60px;
}

#titre_famille
{
padding-top:15px;
font-size:2.3em;
font-family: Arial, Verdana,  "Arial Black", sans-serif;
width:103%;
}

#titre_sous_famille
{
padding-top:15px;
font-size:1.8em;
}

section#article
{
height:360px;
width:24.8%;
}

#titre_article
{
padding-top:15px;
font-size:1.2em;
}

#prix_euro
{
margin:auto;
margin-left:5px;
margin-right:5px;
}

#description_article
{
margin-left:20px;
margin-right:20px;
}

#bouton_cmde
{
    font-size: 1.0em;
    text-align: center;
width: 150px; 
margin-top:10px;
}

#titre_edito2
{
padding-top:30px;
font-size:1.5em;
}

#texte_edito
{
	margin-right:30px;
	margin-left:30px;
}


section#telephone 
{
margin-top:-40px;
}

section#email
{
margin-top:-40px;
}


#btn_pmt
{
text-align:center;
}