/*
	Mise en forme du site protec-sf.com
*/

/*
	Balises standard
*/
body{
	background-color:#000000;
	text-align:center;
	margin:0;
}
*{
	font-family:arial;
	color:#ffffff;
	font-size:12px;
}
h1{
	font-size:16px;
}
h2{
	font-size:14px;
}
a img{
	border: none;
}

/*
	Conteneur de la page
*/
#sous-titre{
	margin:80px 0 0 20px;
	font-size:16px;
}
#page{
	width:900px;
	margin:0 auto 0 auto;
}

/*
	Haut de page
*/
#haut{
	text-align:left;
	background-image:url(/images/entete.jpg);
	width:100%;
	height:178px;
}
#haut h1{
	color:#b02415;
	font-weight:200;
	position : relative;
	top:90px;
	margin:-40px 0 0 320px;
	line-height:20px;
	width: 500px;
	text-align: right;
	font-size: 18px;
}
#haut h1 span{
	display:none;
}
#haut h1 b{
	font-size:24px;
	color:#b02415;
}
#haut img{
	margin:20px 0 0 805px;
	border : solid 1px #d3d3d3 ;
}

/*
	Milieu de la page (menu+contenu)
*/
#milieu{
	width:100%;
	text-align:left;
}
.par_img{
	float: left;
	margin-right: 15px;
}

/*
	Menu
*/
#menu{
	float:left;
	clear: left;
	list-style:none;
	display: inline;
	padding: 0;
	margin: 0;
}
#menu li{
	float: left;
}
#menu li span.cadre,
#menu li a{
	margin: 5px 15px 10px 0;
	float: left;
	width:120px;
	line-height:25px;
	text-align:center;
	font-weight:bold;
	background-color:#b02415;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}
#menu ul{
	list-style:none;
	padding:0;
	margin: 30px 0 0 0;
	position: absolute;
	background-color:#000;
	float: left;
	clear: both;
}
#menu ul li{
	float: left;
	clear: left;
}
#menu ul li a{
	margin:0;
	width:150px;
	height:20px;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	background-color:#000;
	padding: 3px 5px;
}
#menu ul li a:hover{
	color:#b02415;
}

/*
	Contenu (centre)
*/
#centre{
	float:left;
	padding: 20px;
	width:100%;
}

#logo{
	margin: -22px 0 -20px 473px;
	
}

.gauche{
	float:left;
	margin:0 10px 0 0;
}
.droite{
	float:right;
	margin:0 0 0 10px;
}
.separateur{
	clear:both;
}

/*
*	Page d'accueil
*/
.accueil img{
	float: left;
}

/*
*	Diaporama
*/
#vignettes{
	margin: 0;
	float: left;
	width: 220px;
}
#vignettes img{
	padding: 5px;
	margin: 0 10px 10px 0;
}
#vignette a{
	text-decoration: none;
}
#vignettes a.selected img,
#vignettes a:hover img{
	background-color: #b02415;
}
#vignettes span{
	display: none;
}
#img{
	float: left;
}
#legende{
	float: left;
}
#video{
	clear: left;
}
#video a{
	margin: 15px 10px 0 0;
}
#video a,
#video a img{
	float: left;
}
#video a span{
	float: left;
	clear: left;
}

/*
*	Formulaire de contact
*/
.contact{
}
fieldset{
	border: none;
	padding: 0;
}
input, select, option, fieldset, textarea{
	color: #000;
}
label{
	width: 200px;
	display: block;
	float: left;
	clear: left;
}
.required{
	color: #c33;
	font-size: 12px;
	margin: 0 5px;
}
.contact p{
}

/*
	Bas de page
*/
#bas{
	clear:both;
	background-image:url(/images/trait.gif);
	background-repeat:repeat-x;
}
#bas p{
	padding:10px;
}