* {
	margin:0;
	padding:0;
	font-size: 12px;
	font-family:tahoma, helvetica, arial, sans-serif;
	outline:none;
}
html, body {
	background:#000 url(../img/fond_carbone.jpg) repeat-x;
	height:100%;
	width:100%;
}
body {	background:url(../img/lightstrokes.png) no-repeat center 500px; }

strong { color:#A7A7A7;}
img { border:none; }
p { color:#ccc;	margin-bottom:8px; }
.small { font-size:.85em;}
.leftxt { float:left; text-align:left;}
.rightxt { float:right; text-align:right;}
.left { float:left; margin:0 12px 12px 0; }
.right  { float:right; margin:0 0 12px 12px; border:1px solid #999; }
hr {
	display:block;
	height: 1px;
	margin: 0 24px;
	_margin: -7px 0;
	padding: 0;
	color: #232323;
	background-color: #232323;
	border: 0;
 }
.errFld { border:solid 1px #F00; color:#F00;}
.errMsg { color:#F00;}
.trait { text-decoration:underline;}

#wrapper {
	position:relative;
	width:970px;
	margin:0 auto;
}
h1 {
	position:relative;
	height:20px;
	background:url(../img/circuit.gif) no-repeat;
	color:#646464;
	padding:3px 0 0 60px;
}
#header {
	position:relative;
	z-index: 1;
	height:284px;
	background: url(../img/bg-header..png) no-repeat;
}

/*----------- MENU ------------*/


#nav, #nav ul {
	margin-top:-10px;
	height:48px;
	width:px;
	background:url(../img/bg-menu.gif) repeat-x;
	list-style: none;
	z-index:1000;
}

#nav a {
	display: block;
	height:26px;
	padding:12px 14px 0 15px;
	font-size:11px;
	text-transform:uppercase;
	color:#e05d0b;
	text-decoration:none;
	background:url(../img/separ-menu.gif) no-repeat right top;
}
#nav a:hover { background:url(../img/bg-menu-hover.gif) repeat-x; }
#nav a.last  { padding:12px 0 0 0; background:none; }
#nav li li a, #nav li li li a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	padding:0;
	margin:0;
	height:15px;
	background:none;
	z-index:100000;
}
#nav li li a:hover { background:none; color:#000; }

#nav li {
	float: left;
	padding: 0 ;
	/*width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em!important;
	width: 13em;
	background:#494949;
	margin:0;
	padding:0 .1em 0 0!important;
	padding:0 0 0 0;
}

#nav li li {
	padding: .2em 1em;
	border-bottom : 1px solid #030303; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	border-right : 1px solid #030303;
	border-left : 1px solid #030303;
	width: 12em; 
}

#nav li ul a {width: 13em!important; width: 12em; }

#nav li ul ul {margin: -1.4em 0 0 13em; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover { background: transparent; }

/*----------- CONTENU ------------*/

#content { margin-top:-10px; }
#contenu {
	margin-top:-10px;
	background: url(../img/bg-text.png);
	padding:20px 12px 30px 12px;
}
#contenu .text { position:relative;	height:auto; }
.text h2 { color:#e35e0b; font:italic bold 14px Tahoma, Geneva, sans-serif; padding:0 0 12px 0; text-transform:uppercase; }
.text h3 { color:#fff; font:bold 13px Tahoma, Geneva, sans-serif; padding:10px 0 12px 0; clear:both; }
.text h4 { color:#fff; font:bold 12px Tahoma, Geneva, sans-serif; padding:10px 0 5px 0; clear:both; text-decoration:underline; }
.text ul { color:#ccc; list-style:square; margin:12px 0 12px 24px;}
.text p { margin:0 0 12px 0;}
.text a { color:#FFF; }
.text a:hover { color:#E05D0B;}

#content .row1 {
	position:relative;
	height:330px;
	margin-bottom:24px;
}
#content .row1 .present {
	float:left;
	width:300px;
	height:100%;
	background:#2f2f2f url(../img/bg-present.png) no-repeat left bottom;
	padding:0 13px;
	font:normal 11px Tahoma, Geneva, sans-serif;
}

.open { font:bold 10px Tahoma, Geneva, sans-serif; color:#FFF; }
.tel { font:bold 12px Tahoma, Geneva, sans-serif; color:#FFF; padding:8px 0 10px 30px; }
a.mail { font:bold 12px Tahoma, Geneva, sans-serif; color:#fff; }
a.plan { color:#ccc; padding:0 0 0 35px; text-transform:uppercase; }
.present a:hover{ color:#000; }

#content .row2 {
	position:relative;
	height:221px;
	margin-bottom:24px;
}
#media {
	width:297px;
	height:153px;
	padding:68px 20px 0;
	background:url(../img/box-media.jpg);
	float:left;
	margin-right:12px;
}
#media h3 { font-weight:bold; color:#FFF; padding:0 0 10px 0;}
#media img {
	float:left;
	margin-right:15px;
}
#box2 {
	width:210px;
	height:100%;
	float:left;
	margin-right:13px;
}
#cadeau, #cadeauen, #cadeaues {
	float:left;
	width:185px;
	height:48px;
	padding:53px 12px 0;
	margin:0 0 15px 0;
	background:url(../img/box-cadeaux.jpg);
	overflow:hidden;
}
#newsletter {
	float:left;
	width:185px;
	height:35px;
	padding:25px 12px 12px 12px;
	background:url(../img/box-newsletter.png) no-repeat;
}
#newsletter input[type="text"] { border:solid 1px #6f7071; color:#6f7071; padding:0 2px; height:20px; width:131px; background:#191919 ; vertical-align:middle;}
#newsletter input[type="image"] { border:none; cursor:pointer; height:22px; vertical-align:middle; margin:0 0 0 5px}

.affiche input[type="text"] { border:solid 1px #6f7071; color:#6f7071; padding:0 2px; height:20px; width:131px; background:#191919 ; vertical-align:middle;}
.affiche input[type="image"] { border:none; cursor:pointer; height:22px; vertical-align:middle; margin:0 0 0 5px}

#send a { color:#ccc; background:url(../img/ico-mail.gif) no-repeat; font:normal 10px Tahoma, Geneva, sans-serif; text-transform:uppercase; padding:3px 0 0 19px; cursor:pointer; text-decoration:none;}
#send a:hover { color:#fff;}

.at300m {color:#ccc; font:normal 10px Tahoma, Geneva, sans-serif; text-transform:uppercase;text-decoration:none; margin:0 0 0 -3px;}


#news, #newsen, #newses {
	float:left;
	width:171px;
	height:163px;
	padding:58px 20px 0;
	margin-right:13px;
	background:url(../img/box-actu.jpg);
	overflow:hidden;
}

/*----------- METEO ------------*/
#meteo {
	float:left;
	width:163px;
	height:173px;
	padding:46px 5px 0;
	background:url(../img/box-meteo.jpg);
}
#meteo h3 { font:bold 14px Tahoma, Geneva, sans-serif; color:#ff6600; text-align:center; margin:0 0 10px 0; }
#meteo p ,#meteo div {color:#f60;font-size:12px;}
#meteo .jourJ{}
#meteo .jourJ img{float:right; height:60px; width:80px;}
#meteo .jourJ span{display:block;width:auto;}
#meteo .temp1 { font-size:24px; font-weight:bold; }
#meteo .temp2 { font-size:16px;}

#meteo p { clear:both; padding:3px 0; }
#meteo p img{ display: inline-block; float:right; margin-left:8px; height:26px; width:30px; }
#meteo p span{ display: inline-block; float:left; width:50px; margin-right:10px; }
#meteo p strong{ display: inline-block; float:left; width:50px; margin-right:10px; color:#f60; }
#meteo a { display:block; font: normal 9px Tahoma, Geneva, sans-serif; text-align:center; text-decoration:none; color:#333; }
#meteo a:hover { color:#f60; }

/*----------- FOOTER ------------*/
#footer {
	position:relative;
	clear:both;
	height:29px;
	padding:2px 12px;
	width:946px;
	background:url(../img/bg-footer.gif) repeat-x;
}
#footer p { float:left;}
#footer a { color:#ccc;}
#footer a:hover { color:#fff;}
p.novae { float:right; display:inline; padding:6px 0 0 380px;}


/***Diapo***/

#diapo div {
	position:absolute;
	background:#fff;
	width:644px;
	height:330px;
}
#diapo h2 {
	position:absolute;
	width:534px;
	height:50px;
	padding: 10px 100px 5px 10px;
	bottom:0;
	z-index:999;
	background:#000;
	color:#FFF;
	opacity:0.8;
}

.mask {
	position:relative;
	width:642px;
	height:330px;
	overflow:hidden;
}
.mask img {
	position:absolute;
	display:block;
	border:none;
}
#diapoLien {
	position:absolute;
	bottom:5px;
	right:0;
	z-index:1000;
}
#diapoLien a {
	display:block;
	float:left;
	padding:2px 10px;
	color:#000;
	border:1px solid #000;
	margin-right:10px;
	cursor: pointer;
}
#diapoLien a:hover, #diapoLien a.active {
	color:#ff6600;
	border:1px solid #ff6600;
}

/* - - - - - TABLEAU - - - - - */
table {
	border-spacing:1px;
	background-color:#4C4C4C;
	width:100%;
	margin:0 0 24px 0;
}

td strong { font-weight:bold; color:#BF4D09; }
td, th { padding:4px 4px 4px 8px;}

thead th {
	text-align: center;
	background: #000;
	color: #E35E0B;
	border: 1px solid #A7A7A7;
	font-weight:bold;
	text-transform:uppercase;
}

tbody th { font-weight: bold; color:#fff; }

tbody tr {
	background-color:#A7A7A7; 
	text-align:left;
}

tbody tr td { 
	background: #A7A7A7;
	border: 1px solid #A7A7A7;
	text-align:center;
	}
	

/********************** Columns */

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }

.border { border-right:solid 1px #fff; padding:0 12px 0 0; }
/* Col2-alt */
.col2-alt-set .col-1 { width:32%; }
.col2-alt-set .col-2 { width:65%; }
.col2-alt-set .col-1 { float:left; }
.col2-alt-set .col-2 { float:right; }

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/*Back*/
#fondback, #modif {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5;
	top: 0px;
	left: 0px;
	background: #FFF;
	opacity: 0;
	display: none;
}
#modif {
	opacity: 1;
	background: none;
	z-index: 6000;
	overflow: hidden;
}
#modif form {
	width: 740px;
	margin: auto;
	position: relative;
	top: -520px;
	background:#FDF0E8;
  border:1px solid #E14D03;
}
#modif form table {
	width: 100%;
}
#modif form table th {
	font: normal 13px arial, verdana;
	text-align: right;
	color:#ED8E5E;
	padding: 10px 5px;
	background: #FFF;
}
#modif form table th b {
	color: #000;
}
#modif form table td {
	padding: 5px 0 0 10px;
	text-align: center;
	vertical-align: bottom;
	width: 50%;
	color: #B9B9B9;
	font: 14px arial, verdana;
}
#modif form table.image td {
	text-align: right;
	width: 50%;
}
#modif form table td.bas {
	background: #FFF;
	text-align: center;
	padding: 10px 0;
}
#modif form table.image td+td {
	text-align: left;
}
#modif form.ajout input[type=file] {
	float: left;
	clear: left;
}
#modif form a {
	color: #000;
}
#modif form a:hover {
	color:#ED8E5E;
}
#modif form input[type=submit] {
	color: #000;
	background: none;
	border: none;
	font: bold 12px arial, verdana;
}
#modif form input[type=submit]:hover {
	color: #0098d8;
	cursor: pointer;
}
div.edit:hover {
	cursor: pointer;
	background:#545457;
}
/*deco*/
#deconnexion {
	position: fixed;
	top: 0;
	height: 22px;
	background: #E35E0B;
	width: 100%;
	left: 0;
	padding: 7px 0 0;
	opacity: 0.9;
}
#deconnexion a {
	position: absolute;
	right: 50px;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

#form1
{
  background:#EFEFEF;
  border:1px solid #FFFFFF;
  width:320px;
  padding:10px 5px; 
}
#form1 label { width:110px; float:left; color:#606063;}
#form1 input[type=text],#form1 input[type=password]{
	margin: 0 10px;
	width: 180px;
	border: 1px solid #606063;
	padding: 2px;
	background: #Fff;
}
#form1 input[type=submit]{
  padding:5px 50px;
}