/*
tutoflstudio.fr
*****************************************************************/


body
{
width:100%;
min-width:1000px;
margin: 0 auto;
padding: 0em; /* Remettre à  zéro si nécessaire. */ 
background:#ffffff url("../images/fond-body.png") repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/*font-family:Georgia, "Times New Roman", Times, serif; /*"Times New Roman"(Windows), Times(Mac)*/
font-size:14px;
line-height: 1.3; /* À adapter au design. (4) */ 
color:#000000;
}

 
/* Titres
******************************************/  
h1, h2, h3, h4, h5, h6 { 
	margin: 2em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
	line-height: 1.2; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#E8A22B;
} 
h1 
{ 
font-size: 26px;
margin: 2.3em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
}

h2 
{ 
font-size:19px;
margin: 2em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
}

h3 
{ 
font-size: 15px;
margin: 2em 0 .5em 30px;
}

h4 
{
margin: 2em 0 .5em 30px;
font-size: 13px;
font-style: italic;
} 

	h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter/* Mets la premiere lettre en majuscule*/
	{
	text-transform:capitalize;
	} 

/* Listes
******************************************/  
/*ul
{
margin-left:15px;
padding:0px;
}
	li
	{
	list-style-image:url("../images/puce.png");
	margin-bottom:20px;
	
	}*/
 
/* Paragraphes
******************************************/  
p { 
	margin: 1em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
	margin: .75em 0; 
	font-style: normal; 
} 
 
/* Liens
******************************************/ 
a {
	color:#005da8;
	text-decoration: none; 
} 

a:visited { /*lien visité;*/
	color:#005da8;
} 
a:hover, a:focus, a:active { /*hover : lien quand la souris passe dessus, focus : ?, active : lien au mommant du clic.*/
	color:#005da8;
	text-decoration: underline;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
	outline: none; 
} 
/* Pas de bordure autour des images dans les liens*/
 
a img { 
	border: none; 
} 

/* images
******************************************/  
img { 
	border: none; 
} 
 
/* Divers éléments de type en-ligne
******************************************/  
em { 
	font-style: italic; 
} 
strong { 
	font-weight: bold; 
} 
 
/* Formulaires
******************************************/  
form, fieldset { 
	margin: 0; 
	padding: 0; 
	border: none; 
} 
input, button, select { 
	vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/* les tableaux
******************************************/ 

table { 
  margin: 0; 
  border: 1px solid gray; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
  border: 1px solid #dddddd; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */ 
}



/* pour que les blise HTML5 soit des block */
header, nav, footer, figure, section 
{
    display: block;
}




	


		
/****************************************** 
page
******************************************/

#page {
width:100%;
background:transparent url("../images/background_shadow") repeat-y;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;

}
/****************************************** 
header
******************************************/

header
	{
	width:100%;
	height:160px;
	background:#005da8 url("../images/logo-patrice-chaussures.png") no-repeat;
	margin: 0px 0px 0px 0px;
	}
	
	header a 
		{
		width:400px;
		height:103px;
		color:#ffffff;
		font-size:30px;
		background:#005da8 url("../images/site/FL-Studio.png") no-repeat;
		margin: 60px 0px 0px 20%;
		float: left;
		text-indent:-9999px;
		}
/****************************************** 
main-nav
******************************************/
#main-nav
{
width:100%;
height:50px;
font-size:11px;
background:#005da8;
margin: 0px 0px 0px 0px;
}

#main-nav ul
{
float:right;
height:30px;
margin: 0px 0px 0px 0px;
}

#main-nav li
{
float:left;
list-style-type:none;
font-weight:bold;
}
	#main-nav li a
	{
	display:inline-block;
	line-height:60px;
	height:50px;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	padding-left: 30px;
	padding-right: 30px;
	}
	
	#main-nav li a:hover
	{
	background:#237fc9 url("../images/site/fond-btn-main-nav.png") repeat;
	}
	
	#main-nav li a.current
	{
	background:#237fc9 url("../images/site/fond-btn-main-nav.png") repeat;
	}
	

/****************************************** 
nav2
******************************************/
#nav2
{
height:450px;
width:20%;
min-width:200px;
float:left;
font-size:11px;
background:#eeeeee url("../images/background_shadow") repeat-y;
margin: 0px 0px 0px 0px;
position:fixed;
left:0px; /*pour eviter un bug sous ie7 (la nav se met tout a droite)*/
overflow:auto;
}

#nav2 li
{
font-weight:bold;
}
	#nav2 li li
	{
	font-weight:normal;
	}

/****************************************** 
section (content)
******************************************/
section
{
width:65%;
min-width:650px;
float:left;
background:#ffffff url("../images/background_shadow") repeat-y;
margin: 0px 0px 0px 25%;
}

	section .attention
	{
	min-height:45px;
	background: url("../images/site/attention.png") no-repeat;
	color: #DA5E0F;
	padding-left:50px;
	padding-top:8px;
	}
	
	section .attention2
	{
	color: #DA5E0F;
	font-weight:bold;
	}

	section .note
	{
	min-height:45px;
	background: url("../images/site/note.png") no-repeat;
	color: #7D9B0A;
	padding-left:50px;
	padding-top:8px;
	}
	
/****************************************** 
btn-reseaux-sociaux
******************************************/
#btn-reseaux-sociaux
{
height:400px;
width:85px;
float:right;
font-size:11px;
background:transparent;
margin: 180px 0px 0px 0px;
overflow:auto;
}

.addthis_toolbox
{
padding-right:20px;
border:solid #dddddd 1px;
}
/****************************************** 
fil d'ariane
******************************************/
#filAriane 
{
font-size :10px;
margin: 20px 0px 0px 0px;
}

/****************************************** 
Généralités 
******************************************/
/****************************************** 
contact.php
******************************************/
#content-contact .important
{
color:#E8A22B;
}

#content-contact .coordonnees
{
width:300px;
margin:0px 0px 35px 0px;
background: #dddddd;
padding:1px 12px 1px 12px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
}
	#content-contact .coordonnees .adresse
	{
	padding:5px 0px 0px 0px;
	}
		#content-contact .coordonnees .adresse .nom
		{
		font-weight:bold;
		color: #000000;
		font-size:18px;
		}
		#content-contact .coordonnees .tel
		{
		font-size:20px;
		}
		
#content-contact form
{
margin: 40px 0px 100px 0px;
}

#content-contact label
{
display:block;
width:160px;
float:left;
line-height:28px;
}

#content-contact .checkbox
{
display:inline;
width:330px;
float:none;
line-height:28px;
margin-left:10px;
}



#content-contact input[type=text]
{
width:440px;
height:20px;
border:1px solid #cccccc;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
font-size:14px;  
}

#content-contact textarea
{
width:440px;
height:140px;
border:1px solid #cccccc;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
font-size:14px; 
}

#content-contact .captcha
{
margin:20px 0px 20px 160px;
}

#content-contact .obligatoire
{
color:#000000;
font-size:10px;
margin:0px 0px 0px 500px;
}

#content-contact .etoile-obligatoire
{
color:#000000;
}

#content-contact input[type=reset], #content-contact input[type=submit]
{
color:#000000;
border:none;
margin-top: 10px;
padding: 6px 10px;
}

#content-contact input[type=reset]
{
margin-left: 453px;
}

#content-contact input[type=reset]:hover, #content-contact input[type=submit]:hover
{
background:#dedbd6;
}

#content-contact .alerte-attention
{
width:440px;
font-size:14px;
font-weight:bold;
color:#FF0000;
background:#ffd2d2;
padding: 10px;
margin: 30px 0px 0px 0px;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px;
}
#content-contact .alerte-ok
{
width:440px;
font-size:14px;
font-weight:bold;
color:#009900;
background:#dbffdb;
padding: 10px;
margin: 30px 0px 0px 0px;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px;
}
	#map
	{
	text-align:center;
	width:610px;
	height:400px;
	margin:20px 0px 10px 0px;
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px;
	color:#000000;
	}
	
	#map hr
	{
	width:180px;
	}