/*
STYLE OXYNEL VERSION 1.00
*/
#viva, #choucroute {
	vertical-align:middle;
}
a {
	outline: none;
}
/* --- CLEARER --- */
div.clearer {
	clear:both;
	height:0px;
	overflow:hidden
}
div.Headline { display: none; }
div.trait {
	padding-top: 20px;
	border-bottom: white dotted 1px;
}
div.traitnoir {
	border-top: #dbdbdb solid 1px;
	padding: 0px;
	padding-bottom: 20px;
}
/* --- REMISE À ZERO --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:circle;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
a{text-decoration:none;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,fieldset { margin: 0; padding: 0; border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-style: normal; }

/* --- BALISES HTML --- */

body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border:0; margin:0; padding:0;
	background:url(img/fond.jpg) no-repeat; 
	background-color: #202020;
}
h2 {
	font-size: 14px;
	padding-bottom: 5px;
}
ul, li{border:0; padding:0; margin:0; list-style:none;}

/* --- MENU --- */

#menu{
	height:35px; 
	margin:0 auto;
	width:auto;
	padding-top: 20px;
	background:url(img/actu-fond.png) no-repeat left bottom; 
}
#menu ul{
	height:35px;
	line-height:35px;
}

#menu ul li{
	display:inline;
	
}
#menu ul li span, #menu ul li div {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	display:block;
	text-decoration:none;
	float:left;
	font-weight:bold;
	height:35px;
}
#menu ul li a,
#menu ul li a:visited {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	display:block;
	text-decoration:none;
	float:left;
	color:#000000;
	font-weight:bold;
	height:35px;
	background-color: #FFFFFF;
}
#menu ul li a:hover{
	color:#FFFFFF;
	background:#88ba1e;
}	
#menu ul li span.selected {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	display:block;
	text-decoration:none;
	float:left;
	font-weight:bold;
	height:35px;
	color:#FFFFFF;
	background-color: #88ba1e;
}
/* --- CHEMIN --- */
#chemin {
	padding-top: 20px;
	color: #FFFFFF
}
#chemin a {
	color:#FFFFFF;
	text-decoration: underline;
	padding: 4px;
}
#chemin a:hover {
	color:#000000;
	background: #FFFFFF
}


/* --- ID & CLASS --- */


/* --- CONTAINER --- */
#container {
	width: 950px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0px;
}
#centerelement {
	text-align: right;
}

/* --- ENTETE --- */
#entete h2 {
	font: normal 16px "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif;
	color: #ff9c00;
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
#entete p {
	color: #666666;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
#entete .gauche {
	float: left;
	width: 48%;
}
#entete .droite {
	float: right;
	width: 48%;	
}
#entete form {
	
	padding: 10px;
}
#entete label {
	color: #666666;
	width: 150px;
	display:block;
	padding-bottom: 5px;
	padding-top : 5px;
}
#entete input {
	color: #333333;
	width:250px;
}
.curvedboxtop
    {
    padding-top: 20px;
	height: 22px;
    background: url(img/curve_large_top.png) no-repeat left bottom;
}
.curvedbox
    {
	height: 22px;
    background: url(img/curve_large_bottom.png) no-repeat left bottom;
}

/* --- GALERIE ACCUEIL --- */
#galerie {
	margin-top: 20px;
}

/* --- ACTUALITÉS --- */
#actualites {
	width: 100%;
	height: 35px;
	padding-top: 20px;
	padding-left: 20px;
	background: url(img/actu-fond.png) no-repeat left bottom;
	line-height: 35px;
}
#actualites div {
	float: left;
	margin-right: 5px;
	font-weight: bold;
}
.Headline a {
	color: #666666;
	padding: 4px;
}
.Headline a:hover {
	color: #FFFFFF;
	background: #666666;
}

/* --- PRODUITS --- */
#produits {
	padding-top: 20px;
}
#produits h2 {
	font-size: 16px;
	color: #e3e000;
	margin-bottom: 20px;
}
#produits ul {
	width:300px;
	float: left;
}
#produits ul li {
	height: 30px;
	line-height: 30px;
	display:block;
	width:300px;
}
#produits ul li a {
	height:30px;
	width: 280px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 20px;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	text-align: left;
	border-bottom: #3c3c3c solid 1px;
}
#produit ul li a:hover {
	color:#FFFFFF;
}
#produits ul li a:hover.point1 {
	background:#88ba1e;
}
#produits ul li a:hover.point2 {
	color:#FFFFFF;
	background:#0088cc;
}
#produits ul li a:hover.point3 {
	color:#FFFFFF;
	background:#ff9c00;
}
#produits ul li a:hover.point4 {
	color:#FFFFFF;
	background:#d72c87;
}
#slidermask {
	width: 625px;
	height: 180px;
	overflow: hidden;
	margin: 0;
	float: right;
}

#slidermask .slider{
	width: 2600px;
	height: 180px;
	padding: 0px;
	background: #FFFFFF;
}

#slidermask .section{
	margin:0;
	width:625px;
	height : 180px;
	float:left;
}

/* --- INFORMATIONS --- */
#informations {
	padding-top: 20px;
	padding-bottom: 60px;
}
#informations .colonnetier1 {
	float: left;
	width:275px;
	height:200px;
	margin-right: 62px;
	background: url(img/fond-metier.png) no-repeat top center;
	
}
#informations .colonnetier2 {
	float: left;
	width:275px;
	height:200px;
	margin-right: 62px;
	background: url(img/fond-portfolio.png) no-repeat center top; 
}
#informations .colonnetierfinal {
	float: right;
	width:275px;
	height:200px;
	background: url(img/fond-contact.png) no-repeat center top;
}
#informations .colonnetier1 h2,
#informations .colonnetier2 h2,
#informations .colonnetierfinal h2 {
	font-size: 14px;
	font-weight:bold;
	color: #0088cc;	
	padding-bottom: 20px;
	padding-left: 15px;
	padding-top: 10px;
}
#informations .colonnetier1 p,
#informations .colonnetier2 p,
#informations .colonnetierfinal p {
	color: #666666;
	line-height: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
#informations .colonnetier1 p a,
#informations .colonnetier2 p a,
#informations .colonnetierfinal p a {
	color: #0088cc;
	padding: 4px;
}
#informations .colonnetier1 p a:hover,
#informations .colonnetier2 p a:hover,
#informations .colonnetierfinal p a:hover {
	color: #FFFFFF;
	background-color: #0088cc;
}
#informations a:after {
	padding-left: 7px;
	content: url(img/lien-bleu.png) 
}
#informations a:hover:after {
	padding-left: 7px;
	content: url(img/lien-blanc.png) 
}


/* --- PIED DE PAGE --- */

#containerpied {
	width: 100%;
	background-color: #000000;
}

#pied {
	width: 950px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 50px;
	color: #FFFFFF;
	font-size:12px;
	line-height: 25px;
}
#pied p {
}
#pied a {
	color: #88ba1e;
	padding: 4px;
}
#pied a:hover {
	background-color: #88ba1e;
	color: #FFFFFF;
	padding: 4px;	
}
#pied a.rose {
	color: #d72c87;
	padding: 4px;
}
#pied a.rose:hover {
	background-color: #d72c87;
	color: #FFFFFF;
	padding: 4px;	
}
#pied a.bleu {
	color: #0088cc;
	padding: 4px;
}
#pied a.bleu:hover {
	background-color: #0088cc;
	color: #FFFFFF;
	padding: 4px;	
}
#pied a.orange {
	color: #ff9c00;
	padding: 4px;
}
#pied a.orange:hover {
	background-color: #ff9c00;
	color: #FFFFFF;
	padding: 4px;	
}
#pied a.blanc {
	color: #FFFFFF;
	padding: 4px;
}
#pied a.blanc:hover {
	background-color: #FFFFFF;
	color: #000000;
	padding: 4px;	
}