/* --------général-------- */
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic);

/*
@media all and (max-width: 1023px){

	body{
	font-family : "Arimo", "Arial", "Quicksand", "sans-serif"; 
	font-size : 16pt;
	}
	
	nav{ top : 0px; height : 70px; background : black url(../img/logoMenu450.png) 50% 50% no-repeat; background-size : 450px;}
	
	nav ul{ display : none;}
	
	nav select {
	display : block; 
	float : left; 
	-webkit-appearance: none; 
	background : white url(../img/menu_icone.png) 97% 50% no-repeat;
	padding : 0.5% 4.5% 0.5% 0.5% ;
	font-size : 22pt;
	margin : 10px auto;
	margin-left : 1%;}
	
	//#logo{ background : black url(../img/logo_sowood_white.png) top left no-repeat; background-size : 100%; position : absolute; top : 0px; left :10px; width :220px; height :49px;}
	#logo{ background : black url(../img/logo_sowood_white.png) top left no-repeat; background-size : 100%; position : absolute; top : 0px; left :10px; width :0px; height :49px;}
	#logo img{display : none;}
	
	#choix_langue{width : 200px;}
	
	#choix_langue a{ font-size : 20pt; padding : 5px 5px 0 5px;}
	
	#image_side {display : none;}
	
	article p{	
		padding : 5%;
		width : 90%;
		line-height : 115%;
	}
	
	article h1{	
		width : 100%;
		text-align : center;
		padding : 0 0;
	}
	
	article{}	
	
	figure:nth-child(n+4) { display : none;}	
	
	figure.galerie{
	width : 450px;
	min-height : 600px;	
	background : black;
	position : relative;
	z-index : 400;
	margin : 2% auto 0 auto;
	}
	
	
	figure.galerie img{
	width : 450px;
	min-height : 600px;	
	}
	
	#news{ 
	padding : 0;		
	font-size : 16pt;
	}
	
	#news p{	 
	color : #4f4f4f;
	font-size : 16pt;
	}
	
	#news p img{	 
	width : 60%;
	padding-left : 19%;
	}
	
	#box_side{
	padding : 5%; 
	width : auto;
	min-height : 320px; 
	}
	
	table { display : none;}
	
	#news + span {
	width : 60%;
	background : #3A5795;
	display : inline-block;
	padding : 1% 0;
	margin : 0 20% 0 20%;
	line-height : 125%;
	font-size : 30pt;
	text-align : center;
	}
	
	#news + span a{
	color : #fff;
	}
	
	#box_side dt{
	width : 100%;
	margin-top : 20px;
	padding : 1px 5px 1px 10px;
	font-weight : bold;
	}
	
	div#contact form {
	display : none;
	}
	
	div#contact p{	
	text-align : center;
	color :#4F4F4F;
	margin : 0 auto;
	}
	
	div#contact p b{	
	}
	
	.map{ display : none;}
	
	footer aside {display : none;}
	
	footer{
	min-height : 120px;
	}
}

@media all and (min-width: 1024px){

	body{
	font-family : "Arimo", "Arial", "Quicksand", "sans-serif"; 	
	font-size : 10.5pt;
	}

	article p{	
	padding : 10px 90px;
	max-width : 602px;
	font-size : 0.85em;
	}
	
	article h1{	
	max-width : 550px;
	padding : 20px 0;
	padding-left : 90px;	
	}
	

	article{height : 520px;}
	
	nav { height : 60px; top : 0px; background : black;}
	
	nav  ul{ display : block;}
	
	nav select {display : none;}
	
	#choix_langue{width : 80px;}
	
	#choix_langue a{font-size : 0.85em;}
	
	figure.galerie:nth-child(5n+1){
	margin-left : 0;
	}

	figure.galerie:nth-child(5n){
	margin-right : 0;
	}
	
	figure.galerie{
	width : 180px;
	height : 240px;
	float : left;
	margin : 8px 10px; 
	padding : 0;
	background : black;
	position : relative;
	z-index : 400;
	}
	
	figure.galerie img{
	width : 180px;
	height : 240px;
	}
	
	#espaceur {
	padding-top : 50px; 
	padding-left : 90px;
	}
	
	
	#news{
	margin : 0; 
	background : #4F4F4F; 
	padding : 40px; 
	max-width : 522px; 
	height : 320px; 
	color : white; 
	font-style : italic;
	}
	
	#news p{
	margin : 0; 
	padding : 5px; 
	padding-right : 10px;
	color : white; 
	font-style : italic;
	}
	
	#news p img{	 
	 width : 250px; 
	 float : left ; 
	 padding : 0 20px 20px 0px;
	}
	
	#news + span{
	display : inline-block;
	padding-top : 25px;
	}
	
	#news + span a{
	color : #4F4F4F;
	}
	
	#box_side{
	z-index : 1;
	width : 234px;
	height : 600px;
	position : absolute;
	float : right;
	left : 50%;
	margin-left : 256px;
	background : #D3D2D0;
	margin-top : -20px;
	}
	
	#box_side dt{
	display : inline-block;
	padding : 1px 5px 1px 10px;
	background : white;
	margin-top : 15px;
	}
	
	div#contact{
	margin : 0; 
	color : #4F4F4F; 
	padding : 40px; 
	max-width : 522px; 
	min-height : 340px; 
	background : white; 
	}
	
	div#contact p{	
	padding : 0;
	margin : 0;
	margin-top : -5px;
	font-size : 0.85em;
	color :#4F4F4F;
	}
	
	footer{
	min-height : 320px;
	}
}
*/

body{
margin : 0; 
padding : 0;
line-height: 20px;
color : #4f4f4f;
}

.conteneurPrincipal{ 
position : relative; 
width : 100%; 
}

#image_side{
z-index : 1;
width : 234px;
height : 600px;
position : absolute;
float : right;
left : 50%;
margin-left : 256px;
background : url(../img/image_side.jpg) 50% 50% no-repeat;
background-size : 100%;
margin-top : -20px;
}

#image_side p{
width : 214px; 
margin : 0;
padding : 10px;
padding-top : 18px;
background : url(../img/bg50%.png) top left repeat;
color : #ffffff; 
line-height : 125%;
}

#choix_langue{
float : right;
//width : 80px;
}

#choix_langue a{
display : inline-block;
line-height : 60px;
color : #cdb79b;
//font-size : 0.85em;
text-decoration : none;
margin-left : 5px;
}

#choix_langue a#selected{
color : white;
}

/* --------menu-------- */

nav{	
position: fixed !important;
left: 0;
width: 100%;
z-index: 9999;
}

#visu_menu {
position : relative;
width : 980px;
margin : auto;
}


nav #logo{
margin-top : 15px;
float : left;
margin-right : 100px;
}

nav #logo a{
display : inline-block;
opacity : 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

nav #logo a:hover{
opacity : 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

nav img {
border : none;
}

nav ul{
float : left;
line-height : 60px;
margin : 0;
padding : 0;
}

nav ul li{
float : left;
padding : 5px 10px 0 10px;
padding : 0 30px;
list-style : none;
}

nav ul li a:link{
opacity : 1;
color : #fff;
text-decoration : none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

nav ul li a:hover{
opacity : 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

nav ul li a:active{
opacity : 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

nav select{
}
/* --------contenu-------- */

.section{ 
height : 60px;
background : #F1E7DD;
padding : 0; 
margin : 0;
width : 100%;
}

.conteneurSecondaire {
max-width : 980px;
height : auto;
margin: 0 auto; 
padding: 0;		
position : relative;
}

.white{	
background : none;
}


article{	
padding : 0;
padding-top : 20px;
//height : 520px;
background : #F1E7DD;
margin : 0; 
}

article h1{	
//max-width : 550px;
//padding : 20px 0;
//padding-left : 90px;
margin : 0;
margin-top : 40px;	
color : #4F4F4F;
}

article p{	
text-align : justify;
color :#4F4F4F;
}

#news + span a{
text-decoration : none;
}

#news + span a:hover{
text-decoration : underline;
}

#news  p img{
border : none;}

#box_side h2{
font-size : 1em;
padding : 15px;
color : #4f4f4f;
margin : 0;
}

#box_side dl{
margin : 0;
padding : 0;
}

#box_side dd{
padding : 1px 5px 1px 10px;
margin : 0;
}

#box_side a{
color : #4f4f4f;
}


div#contact form{
float : left;
max-width : 300px;
max-height : 400px;
}

div#contact input{
width : 250px;
padding : 5px;
border : 1px solid black;
margin-bottom : 5px;
font-size : 0.8em;
}

div#contact input[type="submit"]{
border : none;
background : none;
text-align : left;
padding-left : 0;
width : auto;
cursor : pointer;
font-size : 0.8em;
}

div#contact textarea{
width : 250px;
min-height : 260px;
padding : 5px;
border : 1px solid black;
margin-bottom : 5px;
font-size : 0.8em;
font-family : arial, sans-serif; 
}

div#contact p{
/*float:left;*/
padding : 0;
margin : 0;
margin-top : -5px;
font-size : 0.85em;
color :#4F4F4F;
}

div#contact a{
color :#4F4F4F;
}
/* ---------- intitulés ------------ */

table.titre{
position : absolute;
top : -21px;
}

table.titre tr{}

table.titre td.texte{
padding : 0; 
padding-left : 5px;
margin : 0;
}

table.titre td div{
width : 80px; 
height : 35px; 
border-left: 1px solid black;
border-bottom : 1px solid black; 
background : none;
margin-bottom : 4px;
}

table.titre td h1{
font-size : 11pt;
font-weight : normal;
padding : 0;
margin : 0;}

/* ---------partie galerie---------- */

figure.galerie p{
position : absolute;
visibility : hidden;
width : 160px;
padding : 10px;
color : white;
font-size : 0.7em;
z-index : 10000;
opacity : 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

figure.galerie:hover >p{
position : absolute;
visibility : visible;
opacity : 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

figure.galerie img{
border : none;
}


/* --------partie formulaire-------- */

#formulaire .bloc{
float : left ;		
width : 390px;
padding: 0;
}

#formulaire .bloc p{
margin-top : 50px;
float : left ;		
width : 390px;
padding: 0;
color : #ea2839;
}

#formulaire input {
width : 360px;
height : 30px;		
padding :10px;
padding-left : 20px;
margin-top : 20px;
color : #747678;
background : #ededee;
border : none;		
}

#formulaire input.majuscule {	
text-transform : uppercase;
font-size : 7.5pt;
}

#formulaire input#envoyer {
margin-left : 20px;
width : 390px;
height : 50px;		
padding :0px;
margin-top : 20px;	
background: url(../img/btnEnvoyer.jpg) no-repeat;
}

#formulaire input#envoyer:hover{		
background: url(../img/btnEnvoyerHover.jpg) no-repeat;
cursor:  pointer;
}

#formulaire textarea {
width : 360px;
height : 230px;
margin : 20px 0 10px 20px;
padding : 10px;
padding-top : 20px;
padding-left : 20px;
color : #747678;		
background : #ededee;
border : none;	
font-family: Trebuchet MS, arial, sans-serif;
font-size : 8.5pt;		
}

div#contact .retour_contact {
font-weight:bold;
background-color:#F1E7DD;
padding-right:0px;
}

/* --------partie pied de page-------- */		
footer{
width : 100%;
//min-height : 320px;
background : black;
}

footer div {
max-width : 900px;
margin-left : auto;
margin-right : auto;
}

footer div  aside{
float : left;
width : 280px;
margin-left : 20px;
}


footer div p{
margin : auto;
padding : 0;
color : #f1e7dd;
font-size : 0.8em;
}

footer div h2{
padding-top : 20px;
color : #d3d2d0;
max-width : 240px;
font-weight : normal;
font-size : 1.2em;
}

footer p a{
color : #d3d2d0;
text-decoration : none;
}

footer p a:hover{
opacity : 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

footer #mentions{
width : 100%; 
text-align :center; 
padding-top : 50px;
color : white;
}

footer #mentions a{
color : white;
}  

/* --------autre-------- */

.clear { clear : both;}