/* Général --------------------------------------*/
* {margin:0; padding:0;}

body {
	background: #FAF8EB;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: 14px;
	text-align: left;
}

body #conteneur{
	margin: 0px auto 0px auto;
	position: relative;
	width: 772px;
}

#header {
	margin: 0px 0px 30px 0px;
	height: 110px;
	background: #3C4C55 url(icones/top.png) top repeat-x;
}

#navbox {
	margin: 0px auto;
	position: relative;
	width: 772px;
	height: 100px;
}

#logostills {
	/*position: absolute;*/
	float: left;
	margin: 60px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;; 
	left: 10px;
	top: 60px;
	width: 139px;
	height: 29px;
	background: url(icones/logostills.png) top left no-repeat;	
	border: 0px solid #FF0;
}

/*  --------------------------------------------*/
/* Menu 1 --------------------------------------*/
/*  --------------------------------------------*/
#navbar {
	float: right;
	margin: 75px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;; 
	display: inline;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	z-index: 5;
	text-align: left;
}

#navbar ul {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  
	list-style: none;
	height: 25px;
}
#navbar li {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	position: relative;
	display: inline;
}

#navbar li a {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	font-weight: 600;
	color: #ccc;	
}
#navbar li a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	color: #F90;
}

#navbar li strong{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	font-weight: 600;
	color: #F90; 
}

/*  --------------------------------------------*/
/* Menu 2 --------------------------------------*/
/*  --------------------------------------------*/
#navbar2fond {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;; 
	width: 671px;
	height: 80px;
	background: url(icones/fond_menu2.png) top left no-repeat;
}

#navbar2 {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;; 
	display: inline;
	width: 600px;
	height: 30px;
	
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	font-weight: 600;
	text-align: left;
}

#navbar2 ul {
	margin: 0px auto 0px auto;
	padding: 15px 15px 0px 15px;  
	list-style: none;
	text-align: center;
}
#navbar2 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: inline;
}

#navbar2 li a {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: left;
	font-weight: 500;
	color: #D6D8CF;	
}
#navbar2 li a:hover {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: left;
	color: #F90;	
}

#navbar2 li strong{
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: 500;
	color: #F90; 
}
#navbar2 form .champFormulaire {
	background-image: url(icones/spacer.gif);
	background-repeat: repeat;
	background-color: #004B64;
	border: 0;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #CCC;
	width: 250px;
	font-weight: 500;
}

/*  ---------------------------------------------*/
/* Contenu --------------------------------------*/
/*  --------------------------------------------*/
#contenu_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 772px;
	height: 9px;
	font: 3px Arial, Verdana, Helvetica, sans-serif;
	
	background-image: url(icones/cadre_contenu_top.png);
	border: 0px solid #F00;
}

#contenu_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 772px;
	height: 18px;
	background-image: url(icones/cadre_contenu_bottom.png);
	border: 0px solid #00F;
}

#contenu {
	margin: 0px 0px 0px 0px;
	padding: 5px 11px 15px 11px;
	background-image: url(icones/cadre_contenu_centre.png);
	border: 0px solid #0FF;
}

/*  --------------------------------------------*/
/*  H1 H2 H3 -----------------------------------*/
/*  --------------------------------------------*/
#contenu h1 {
	margin: 20px 0px 5px 0px;
	padding: 0px 9px 0px 9px;
	font: 25px Arial, Verdana, Helvetica, sans-serif;
	line-height: 25px;
	text-align: left;
	color: #D6D8CF;
	font-weight: 400;
}
#contenu h1 a{
	color: #000;
	text-decoration: none;
}
#contenu h1 a:hover{
	color: #F90;
	text-decoration: none;
}

#contenu h2 {
	margin: 15px 0px 0px 0px;
	padding: 0px 9px 0px 9px;
	font: 18px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #D6D8CF;
	font-weight: 400;
}

#contenu h2 a {
	text-decoration: none;
	font-weight: 400;
	color: #F90;
}
#contenu h2 a:hover {
	text-decoration: none;
	font-weight: 400;
	color: #D6D8CF;
}

#contenu h3 {
	margin: 20px 10px 0px 100px;
	padding: 0px 0px 0px 0px;
	font: 15px Arial, Verdana, Helvetica, sans-serif;
	line-height: 25px;
	text-align: left;
	color: #F90;
	font-weight: 500;
}

/*  --------------------------------------------*/
/*  p ------------------------------------------*/
/*  --------------------------------------------*/
#contenu p {
	margin: 0px 0px 0px 0px;
	padding: 5px 9px 0px 9px;
	color: #D6D8CF;
}
#contenu p strong{
	font-weight: 600;
	color: #D6D8CF;
}
#contenu p.centre{
	text-align: center;
	font-size: 19px;
	line-height: 16px;
}

#contenu p .alert {
	color: #BB0000;
	font-weight: 600;
	background-color: #FFFF00;
}

#contenu p a {
	text-decoration: none;
	font-weight: 400;
	color: #F90;
}
#contenu p a:hover {
	text-decoration: none;
	font-weight: 400;
	color: #D6D8CF;
}


/*  --------------------------------------------*/
/*  FaceBook ---------------------------------------*/
/*  --------------------------------------------*/
#contenu .fb {
	margin: 0px 0px 0px 0px;
	padding: 5px 9px 0px 9px;
	color: #D6D8CF;
}

#contenu .fb a{
	color: #f00;
}

#contenu .fb p{
	color: #f0f;
}

/*  --------------------------------------------*/
/*  News ---------------------------------------*/
/*  --------------------------------------------*/
#contenu .news p {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	line-height: 14px;
}

#contenu .news p.newstitre {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #D6D8CF;
}
#contenu .news p.newstitre strong{
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: 600;
}

#contenu p.newscontenu{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}

#contenu .hotnews  {
	margin: 0px 0px 0px 10px;
	padding: 0;
	height: 150px;
}

#contenu .hotnews .thumb {
	margin: 0px 20px 0px 0px;
	float: left;
	border: 5px;
}
/*  --------------------------------------------*/
/*  Formulaires --------------------------------*/
/*  --------------------------------------------*/

#contenu .texteDecale{
	margin: 0px 0px 15px 180px;
}

#contenu .texteDecale p {
	margin: 0px 0px 0px 0px;
}

#contenu .formulaire {
	border: 0px solid #999;
}

#contenu .formulaire p {
	margin: 0px 0px 5px 00px;
	padding: 0px 0px 0px 50px;
	width: 130px;
	float: left;
	border: 0px solid #FF0;
}

#contenu .formulaire .alert {
	color: #BB0000;
	font-weight: 600;
	background-color: #FFFF00;
}

#contenu .formulaire .champFormulaire {
	margin: 0px 0px 5px 0px;
	left: 300px;
	background-image: url(icones/spacer.gif);
	background-repeat: repeat;
	background-color: #D6D8CF;
	color: #333;
	width: 400px;
}

#contenu .formulaire .champFormulaireMoy {
	margin: 0px 0px 5px 0px;
	left: 300px;
	background-image: url(icones/spacer.gif);
	background-repeat: repeat;
	background-color: #D6D8CF;
	color: #333;
	width: 300px;
}

#contenu .formulaire .champFormulairePt {
	margin: 0px 0px 5px 0px;
	left: 300px;
	background-image: url(icones/spacer.gif);
	background-repeat: repeat;
	background-color: #D6D8CF;
	color: #333;
	width: 80px;
}

#contenu .formulaire form p + p {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #CCC;
}

/*  --------------------------------------------*/
/*  Vignettes ----------------------------------*/
/*  --------------------------------------------*/
#contenu .thumbnail {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 147px;
	height: 110px;
	border: 0px solid #FF0;
	text-align: center;
}
#contenu .thumbnail p {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #D6D8CF;
	border: 0px solid #F00;
}
#contenu .thumbnail p a {
	text-decoration: none;
	font-weight: 300;
	color: #D6D8CF;
}
#contenu .thumbnail p a:hover {
	text-decoration: none;
	font-weight: 300;
	color: #F90;
}

/*  --------------------------------------------*/
/*  Photos -------------------------------------*/
/*  --------------------------------------------*/
#contenu .phographie {
	margin: 10px 0px 5px 0px;
	border: 0px solid #999;
	text-align: center;
}

.clearboth {
	clear: both;
}

/*  --------------------------------------------*/
/*  Table ADMIN --------------------------------*/
/*  --------------------------------------------*/
#contenu .table_admin {
	margin: 11px 0px 5px 11px;
	padding: 0px 0px 0px 0px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
}

#contenu .table_admin p {
	padding: 0px 0px 0px 0px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}
#contenu .table_admin a {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	font-weight: 600;
}
#contenu .table_admin a:hover {
	color: #F90;
	text-decoration: none;
	font-weight: 600;
}
#contenu .table_admin .champFormulaire {
	margin: 3px 0px 0px 0px;
	background-image: url(icones/spacer.gif);
	background-repeat: repeat;
	background-color: #105B74;
	border: 1px dotted #CCC;
	color: #CCCCCC;
}
/*  --------------------------------------------*/
/* Pied ----------------------------------------*/
/*  --------------------------------------------*/
#pied {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	height: 30px;
	min-height: 30px;
	text-align: right;
	font-size: 10px;
	line-height: 10px;
	vertical-align: middle;
	color: #ccc;
}

#pied image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#pied a {
	color: #ccc;
	text-decoration: none;
	
}
#pied a:hover {
	color: #f90;
}