BODY
{
	margin: 0px;
	padding: 0px;
	height:100%;
	background-image: url(../img_com/fond_filet5.png);
	background-repeat: repeat-x;
	font-family: Verdana,arial, Helvetica, sans-serif;
	font-size:11px;
}

a {
color:black;
font-family: Verdana,arial, Helvetica, sans-serif;
font-size:11px;
}

img {
border:0px;
}

form {
	margin: 0px;
	padding: 0px;
	font-family: Verdana,arial, Helvetica, sans-serif;
}

.testing_u {
margin-left:50px;
margin-right:50px;
}

.testing_u li:hover {
color:red;
cursor:pointer;
}

.testing_u li {
display:block;
padding:10px;
box-shadow:0 0 10px green;
}

.testing_u li:active {
display:block;
box-shadow:0 0 10px silver;
cursor:pointer;
color:blue;
}

.clear_float {
clear:both;
height:0px;
font-size:0px;
padding:0px;
margin:0px;
line-height:0px;
overflow:hidden;
}

#global {
width:990px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}

.header {
position:relative;
z-index:200;
margin-top:20px;
height:180px;
cursor:pointer;
display:block;
background-repeat:no-repeat;
background-position:left top;
background-image:url(../img_com/fond_header_ie.png);
box-shadow:0 0 10px #a9b0be;
border-radius:10px;
}

.header img {
display:block;
padding:0 30px 0 0;
}

.contenu {
display:block;
text-align:left;
margin-top:13px;
margin-bottom:0px;
padding-bottom:20px;
background-image: url(../img_com/fond2.jpg);
background-repeat: no-repeat;
-moz-box-shadow: 0 0 6px #a9b0be;
-webkit-box-shadow: 0 0 10px #a9b0be;
box-shadow: 0 0 10px #a9b0be;
background-color:white;
-moz-border-radius:10px;
-webkit-border-radius : 10px;
border-radius:10px;
min-height:544px;
}

.chargement {
position:absolute;
margin-left:auto;
margin-right:auto;
background-image: url(../img_com/loading.gif);
background-repeat: no-repeat;
background-position:600px center;
height:450px;
width:990px;
z-index:80000000;
text-align:center;
}

.chargement img {
vertical-align:middle;
}

.contenu_top{
display:none;
}

.contenu_bottom{
display:none;
}

#block_central {
float:right;
width:680px;
color:#3D3C3F;
font-size:12px;
margin-top:16px;
margin-right:20px;
}

#block_central.grand {
width:970px;
float:right;
}

.contenu.superfocus {
box-shadow: 0 0 10px #90131f;
}

.contenu.focus_gauche {
box-shadow: -5px 0px 5px #51648f;
}

.header.focus_gauche {
box-shadow: -5px 0px 5px #51648f;
}

.contenu.focus_droite {
box-shadow: 5px 0px 5px #51648f;
}

.header.focus_droite {
box-shadow: 5px 0px 5px #51648f;
}

.fond_ie {
display:none;
}


#block_central .centre_fin {
display:none;
}

#block_central .centre_debut {
display:none;
}

#block_central .centre_fond {
margin-left:20px;
position:relative;
}


#texte_contenu {
clear:both;
position:relative;
-moz-box-shadow: 0 0 6px #889fcb;
-webkit-box-shadow: 0 0 6px #889fcb;
box-shadow: 0 0 6px #889fcb;
-moz-border-radius:10px;
-webkit-border-radius : 10px;
border-radius:10px;
background-image: url(../img_com/vide80.png);
background-repeat: repeat;
background-position: left top;
min-height:450px;
}

#texte_contenu h1 {
margin:0px;
font-size:18px;
text-transform:uppercase;
color:#9C1020;
font-weight:bold;
border-bottom:solid 1px #b52645;
padding:10px 10px 8px 10px;
}

#texte_contenu h1.tit_offre {
font-size:16px;
text-transform:none;
font-weight:normal;
}

#texte_contenu h1.tit_offre strong {
font-size:18px;
line-height:26px;
text-transform:uppercase;
}


#texte_contenu h2 {
display:block;
font-size:14px;
color:#571f1c;
font-weight:bold;
padding:10px 10px 8px 0;
margin:0px;
}

.tooltip {
background-repeat:repeat-x;
background-position:left center;
background-image:url(../img_com/vide_noir_50.png);
display:none;
font-size:12px;
padding:15px;
-moz-border-radius:6px;
-webkit-border-radius : 6px;
border-radius : 6px;
-moz-box-shadow:0 0 6px black;
-webkit-box-shadow:0 0 6px black;
box-shadow:0 0 6px black;
border:solid 2px white;
color:#fff;	
max-width:150px;
}

nav, .nav_ie {
position:relative;
display:block;
z-index:5000;
}

.img_nav {
float:right;
position:relative;
z-index:5000;
margin-right:20px;
margin-top:-50px;
}

.img_nav ul {
margin:0px;
padding:0px;
}

.img_nav ul li{
float:left;
list-style-type: none;
list-style-position: outside;
margin:0px;
padding:0px;
} 

.img_nav img{
margin:0px;
padding:0px;
} 

.ss_nav {
margin-top:1px;
}



#texte_contenu .details {
padding:10px 10px 0 20px;
}

#texte_contenu .picto {
float:right;padding-left:10px;padding-bottom:10px;
}

#texte_contenu .details h2 {
margin:0px;
padding:0px;
line-height:16px;
}


#texte_contenu .details p {
font-size:12px;
color:#571F1C;
font-weight:normal;
padding:10px 10px 8px 0;
margin:0px;
}

#menu_gauche {
position:fixed;
display:block;
width:290px;
margin:10px 0 0 0;
padding:0px;
z-index:9800;
font-size:11px;
top:200px;
}


#menu_gauche #picto_deplace:hover {
cursor:move;

}

#menu_gauche #picto_deplace.active {
cursor:move;
background-color:blue;
}
#menu_gauche .pic_deplace {
float:left;
padding-right:10px;
padding-top:8px;
}

#menu_gauche .titre_image {
display:block;
border-bottom:solid 1px #b52645;
height:42px;
background-position:8px 8px;
}

#menu_gauche .titre_image.reference {
background-image:url(/img_com/tit-references.png) ;
background-repeat:no-repeat;
}

#menu_gauche .titre_image.offre {
background-image:url(/img_com/tit-offre.png) ;
background-repeat:no-repeat;
}

#menu_gauche .titre_image.actualite {
background-image:url(/img_com/tit-actualites.png) ;
background-repeat:no-repeat;
}


#menu_gauche .block_actu {
padding:10px 10px 0 10px;
}

.medium_actu {
float:right;
border-radius:10px;
margin:10px;
}

#menu_gauche .marge {
position:relative;
display:block;
margin-left:20px;
margin-top:9px;
}

#menu_gauche .texte {
padding:0px;
margin:0px;
}

#menu_gauche .fond {
display:block;
background-repeat:no-repeat;
background-position:left top;
background-image:url(../img_com/grillage.png);
-moz-box-shadow: 0 0 10px #939292;
-webkit-box-shadow: 0 0 10px #939292;
box-shadow: 0 0 10px #939292;
-moz-border-radius:10px;
-webkit-border-radius : 10px;
border-radius:10px;
margin:0 0 0 10px;
padding:0px 0px 6px  0;
}

ul.ariane {
position:relative;
display:block;
padding:20px 0 0px 90px;
margin:0px;
font-size:10px;
width:auto;
z-index:900000;
}

ul.ariane a {
font-size:10px;
color:#90131f;
text-decoration:none;
}


ul.ariane li {
display:inline;
background-image:url(../img_com/puce_rouge.png);
background-repeat:no-repeat;
background-position:4px center;
padding:2px 5px 2px 12px;
}



/* DEBUT OVERLAY */
/* the overlayed element */
.apple_overlay {
	display:none;		
	width:800px;	
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 0 10px black;
	background-image:url(../img_com/fond_ow.png);
	z-index:800000;
	/* some padding to layout nested elements nicely  */
	padding:0px;
	margin:0px;
	font-size:11px;
}

.apple_overlay img {
display:block;
padding:0px;
margin:0px;
border:0px;
}


/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img_com/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#fond_noir {
position:absolute;
z-index:1500;
display:none;
width:100%;
height:100%;
background-color:black;
}

.img_prod {
cursor:pointer;
}



	
/* FIN OVERLAY */


/* for Internet Explorer */
/*\*/
* html #menu_gauche .fond {
height:500px;
}
/**/

#menu_gauche .texte menu {
margin:0px;
padding:0 20px 0 0px;
}

#menu_gauche .menu_actu {
display:block;
background-repeat:no-repeat;
background-position:left top;
background-image:url(../img_com/grillage.png);
-moz-box-shadow: 0px 1px 6px #939292;
-webkit-box-shadow: 0px 1px 6px #939292;
box-shadow: 0px 0px 10px #939292;
-moz-border-radius:10px;
-webkit-border-radius : 10px;
border-radius:10px;
margin:0 0 0 10px;
padding:0px  4px 6px 0;
}

#menu_gauche .fin_menu {
display:none;
}

#menu_gauche #sep_scroll {
display:block;
height:8px;
background-color:transparent;
cursor:s-resize;
}

#menu_gauche .menu_actu span {
display:block;
color:#571F1C;	
font-size:12px;
padding-bottom:10px;
}

#menu_gauche .menu_actu  h2.titre_actu {
display:block;
color:#571F1C;	
padding-bottom:10px;
font-weight:bold;
font-size:14px;
padding-bottom:4px;
margin:0px;
line-height:16px;
}

#menu_gauche .menu_actu  h2.titre_actu a {
color:#571F1C;	
font-size:14px;
text-decoration:none;
}


#menu_gauche .menu_actu p.desc_actu {
margin:0px;
}


#menu_gauche .menu_actu  span.date_actu {
color:#B52645;
font-weight:normal;
font-size:11px;
padding:2px 0 0 10px;
background-image: url(../img_com/puce_rouge.gif);
background-repeat: no-repeat;
background-position:0px 6px;
}

span.savoir_plus {

display:inline-block;
color:#B52645;
font-weight:bold;
font-size:11px;
padding:6px 22px 4px 0px;
margin-bottom:20px;
background-image: url(../img_com/puce3.png);
background-repeat: no-repeat;
background-position:right 6px;
color:#B52645;
}

span.savoir_plus a {
text-decoration:none;
color:#B52645;
}


#menu_gauche .menu_actu  span.savoir_plus {
float:right;
}

#menu_gauche ul {
margin:0px;
padding:10px 10px 0 0;
}

#menu_gauche li {
	list-style-type: none;
	list-style-position: outside;
	color:#571F1C;	
	font-size:11px;
	margin:2px 0 2px 4px;	
	display:block;
	padding:4px 10px 4px 10px;
}


#menu_gauche li.titre_ref {
	font-weight:normal;
	font-size:12px;
	border:solid 1px transparent;
	cursor:pointer;
}

#menu_gauche li.titre_ref a {
text-decoration:none;
font-size:12px;
cursor:pointer;
}


#menu_gauche li.titre_ref strong {
padding-left:0px;
color:#B52645;
font-weight:bold;
font-size:11px;
padding-left:10px;
	padding-top:2px;
	padding-bottom:0px;
	background-image: url(../img_com/puce_rouge.gif);
	background-repeat: no-repeat;
	background-position:0px 6px;
	border:solid 1px transparent;
}




#menu_gauche li.titre_ref.grande_taille {
border:0px;
}
#menu_gauche li.titre_ref.grande_taille strong {
background-position:0px 8px;
font-size:14px;
}

#menu_gauche li.titre_ref.grande_taille strong a {
color:#B52645;
font-weight:bold;
font-size:14px;
}


#menu_gauche li.titre_ref:hover {
border:solid 1px silver;
border-radius:10px;
}

#menu_gauche li.titre_ref.active {
display:block;
box-shadow:0 0 4px gray;
border-radius:10px;
background-image: url(../img_com/vide80.png);
background-repeat: repeat;
background-position: left top;
border:solid 1px silver;
}

#menu_gauche li.titre_ref.grande_taille.active {
background-image:none;
border-radius:0px;
border:0px;
box-shadow:none;
}

#menu_gauche li.titre_ref.grande_taille:hover {
border:0px;
border-radius:0px;
}

#menu_gauche li.petit_titre {
	font-size:12px;
	line-height:12px;
	margin:2px 0 2px 4px;	
	display:block;
	padding:2px 10px 2px 38px;
	color:#B52645;
	background-image: url(../img_com/puce_rouge.png);
background-repeat: no-repeat;
background-position:26px 6px;
}

#menu_gauche li.petit_titre a {
color:#B52645;
font-size:12px;
	line-height:12px;
}


/*
#menu_gauche li.titre_ref.li_active a {
padding-left:18px;
padding-top:2px;
padding-bottom:2px;
display:block;
box-shadow:0 0 4px gray;
border-radius:4px;
background-image: url(../img_com/vide80.png);
background-repeat: repeat;
background-position: left top;
cursor: move;
}
*/

#menu_gauche .texte li.titre_ref.li_click a {
box-shadow:0 0 4px gray;
border-radius:4px;
}



#menu_gauche .texte  li.titre_ref strong {
text-transform:uppercase;
color:#B52645;
display:block;
}
#menu_gauche li.date_actu {
background-image: none;
font-weight:bold;
padding-left:0px;
text-transform:uppercase;
}


#menu_gauche .fin{
background-image: url(../img_com/menu_gauche_fin.gif);
background-repeat: no-repeat;
height:10px;
font-size:6px;
}

#menu_gauche h1  {
margin:0px;
padding:0px;
}

#menu_gauche h1 img {
padding-left:14px;
padding-top:8px;
margin:0px;
}

.pictos {
position:absolute;
display:block;
right:10px;
}

.pictos span {
display:block;
float:right;
background-image:url(../img_com/pictos.png);
background-repeat:no-repeat;
background-position:left top;
width:20px;
height:20px;
margin-right:20px;
margin-top:20px;
}

.pictos span a {
display:block;
height:20px;
}

.pictos span.facebook {
background-position:left top;
}

.pictos span.twitter {
background-position:-40px top;
}

.pictos span.google {
background-position:-20px top;
}


#small_image {
position:absolute;
display:none;
border-radius:10px;
box-shadow:0 0 10px silver;
z-index:500000000000000;
background-color:white;
padding:10px;
text-align:center;
}

#small_image .small_image_bas {
display:none;
}

#small_image .small_image_haut {
display:none;
}

/* SCROLL */



/* FORMULAIRE */
form.formulaire {
margin:0 0 0 0;
padding:0;
}

form.formulaire label {
display:inline-block;
width:120px;
text-align:right;
padding:7px 14px 0 0;
}

form.formulaire label.obli {
background-image:url(../img_com/etoile_rouge.png);
background-repeat:no-repeat;
background-position:right 9px;

}

form.formulaire input[type=text],form.formulaire input[type=email],form.formulaire textarea,form.formulaire input[type=submit] {
width:300px;
border:solid 1px gray;
border-radius:4px;
box-shadow:0 0 3px gray;
font-size:12px;
padding:4px;
margin:4px 0 0 14px;
font-family:Verdana;
}






form.formulaire textarea {
height:140px;
margin:0 0 0 14px;
vertical-align:middle;
}

form.formulaire input.form_error,form.formulaire textarea.form_error {
background-color:#f5eaea;
}

form.formulaire input.form_focus,form.formulaire textarea.form_focus {
background-color:#eff2f8;
}

form.formulaire td {
vertical-align:top;
padding-top:10px;
}

form.formulaire input[type=submit] {
width:auto;
background-color:gray;
padding:3px 30px 3px 30px;
color:white;
font-size:16px;
font-family:Verdana;
cursor:pointer;
}


.error,.erreur {
	height:15px;
	background-color:#cd1010;
	font-size:11px;
	border:solid 1px gray;
	border-radius:4px;
	box-shadow:0 0 3px gray;
	padding:4px 10px 4px 10px;
	color:#000;
	display:none;		
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	/*
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:20px; 
	-webkit-border-top-left-radius:0;	
	*/
	-moz-box-shadow:0 0 6px gray;
	-webkit-box-shadow:0 0 6px gray;		
	box-shadow:0 0 6px gray;
	color:white;
	box-shadow:0 0 3px gray;	
}

.erreur {
display:block;
}

.error {
margin-top:50px;
}

.error p {
	margin:0;	
	color:white;	
}




.footer {
position:fixed;
bottom: 0;
left: 0;
width:100%;
text-align:center;
-moz-box-shadow:0 0 6px black;
-webkit-box-shadow:0 0 6x black;
box-shadow:0 0 6px black;
color:white;
text-align:center;
font-size:11px;
padding:6px 0 4px 0;
background-image:url(../img_com/fond_footer.png);
background-repeat:repeat-x;
background-position:left top;
}


















