/*
Author : Sylvain BOUYSSET (http://mil20.free.fr/)
URL : www.viladeco.com
Date : 16-04-2007
Aim: Feuille de style par défaut
*/

/*MISE A ZERO DES STYLES DE LA PAGES*/

* {
padding:0;
margin:0;
border:0;
text-indent:0;
}

body{
background-image : url("../images/bg.jpg");
text-align : center;
margin : 0px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
}

/*STYLE GENERAUX*/
a {
color : #684217;
/*background-color : white;*/
text-decoration : none;
}

a:hover .ancre {
/*color : #e1d2c1;*/
color : #FFFFFF;
}

/*ancre*/


 .ancre  {
text-decoration : none;
color:#E3631C;
}

 .ancre a  {
text-decoration : none;
color:#E3631C;
}



.ancre a:hover{
text-decoration : none;
color:#E3631C;
}

p{
/*text-align:left;*/
}

h1 {
width : 269px;
height :  33px;
font-size : 17pt;
font-weight:bold;
color :   #e3631c;
padding-left : 20px;
padding-top : 7px;
margin-bottom : 20px;
background-image : url("../images/h1_bg2.png");/*modiffication new charte 10/07/2010*/
background-repeat : no-repeat;
}

*html h1{
width : 289px;
height :  45px;
}

h5{
height : 30px;
border-bottom : 1px solid #FFFFFF;
margin : 0 10px 8px 10px;
padding-left : 20px;
font-size : 1.4em;
font-weight : normal;
color :   #ffffff;
background-image : url("../images/carre.jpg");
background-repeat : no-repeat;
background-position : 0% 30%;
}

h3{
font-weight : bold;
color :   #684217;
}

h6{
margin : 0 10px 10px 30px;
padding-left : 20px;
font-size : 1.02em;
font-weight : normal;
color :   #ffffff;
background-image : url("../images/puce.jpg");
background-repeat : no-repeat;
background-position : 0% 40%;
}

dt{
margin : 10px 10px 5px 65px;
color : #adadad;
}

dd{
margin : 0 10px 0 80px;
padding-left : 10px;
color : #cccccc;
border-left : 2px solid #e1d9d1;
}

dt a, dd a , h6 a, h5 a{
background-color : transparent;
display : block;
}

h5 a{
color : #ffffff;
}

h6 a{
color : #ffffff;
}

dt a{
color : #ffffff;
}

dd a{
color : #ffffff;
}

dt a:hover, dd a:hover , h6 a:hover, h5 a:hover{
/*background-color : #f2ebe3;*/
color :   #e3631c;
}

.text{
margin : 0 30px;
width : 878px;
}

.text p{
margin  : 10px 0;
text-align:justify;
}

.text h2, fieldset h2, h2{
font-weight : normal;
font-size:18px;
color : #684217;
}

.text table{
margin-top : 20px;
width : 878px;
}

.text tr{
height : 25px;
}

.bando {
margin-top : 30px;
margin-left : 0px;
margin-bottom : 20px;
}

.voir {
background-color : #fff;
text-align : right;
width : 40px;
}

.prix{
width : 60px;
text-align : center;
}

.categorie{
width : 80px;
text-align : center;
}


.imgtd{
width : 75px;
}

/*BLOCS DE STRUCTURE DE LA PAGE*/

#top{
background-image : url("../images/bg_top.jpg");
background-repeat : repeat-x;
background-position : 1px 0px;
}

#container{
width : 1002px;
margin-left : auto;
margin-right :  auto;
}

#header{
margin-top : 0px;
height : 147px;
background-color : #7c7c7c;
background-image : url("../images/header_bg.jpg");
}

/*MENUS DE NAVIGATION PAR ONGLETS*/

#nav{
width : 700px;
float : left;
/*margin-top : 119px; chgt avec texte defilant*/
margin-top : 98px;
margin-left : 18px;
height : 25px;
}

#nav ul{
margin : 0px;
}

#nav li{
display : inline;
}

#nav li a{
display : block;
float : left;
height : 20px;
margin-left : 10px;
padding-top : 5px;
text-decoration : none;
color : #292929;
font-weight : bold;
font-size : 10pt;
}

*html #nav a{
height : 25px;
}

/*STYLES DES DIFFERENTS ONGLETS*/

/*normaux*/

#accueil{
width :57px;
/*background-image : url("../images/accueil.jpg");*/
}

#catalogue{
width :83px;
/*background-image : url("../images/catalogue.jpg");*/
}

#partenaire{
width :101px;
/*background-image : url("../images/partenaire.jpg");*/
}

#nosmarques{
width :101px;
/*background-image : url("../images/nosmarques.jpg");*/
}

#references{
width :89px;
/*background-image : url("../images/references.jpg");*/
}

#Presse{
width :80px;
/*background-image : url("../images/contact_h.jpg");*/
}

#contact{
width :74px;
/*background-image : url("../images/contact.jpg");*/
}

/*rollover*/

#accueil:hover{
width :57px;
/*background-image : url("../images/accueil_h.jpg");*/
color:#4a4949;
}

#catalogue:hover{
width :83px;
/*background-image : url("../images/catalogue_h.jpg");*/
color :   #e3631c;
}

#partenaire:hover{
width :101px;
/*background-image : url("../images/partenaire_h.jpg");*/
color :   #e3631c;
}

#nosmarques:hover{
width :101px;
/*background-image : url("../images/nosmarques_h.jpg");*/
color :   #e3631c;
}

#references:hover{
width :89px;
/*background-image : url("../images/references_h.jpg");*/
color :   #e3631c;
}

#Presse:hover{
width :80px;
/*background-image : url("../images/contact_h.jpg");*/
color :   #e3631c;
}

#contact:hover{
width :74px;
/*background-image : url("../images/contact_h.jpg");*/
color :   #e3631c;
}

/*selectionnés*/

#nav .selected #accueil{
/*background-image : url("../images/accueil_s.jpg");*/
}

#nav .selected #catalogue{
/*background-image : url("../images/catalogue_s.jpg");*/
}

#nav .selected #partenaire{ 
/*background-image : url("../images/partenaire_s.jpg");*/
}

#nav .selected #nosmarques{
/*background-image : url("../images/nosmarques_s.jpg");*/
}

#nav .selected #references{
/*background-image : url("../images/references_s.jpg");*/
}

#nav .selected #contact{
/*background-image : url("../images/contact_s.jpg");*/
}

#nav .selected a{
/*color : #f2ebe3;*/
color :   #e3631c;
}

/*MOTEUR DE RECHERCHE*/

#finder{
float : right;
/*margin-top : 119px;*/
margin-top : 101px;
margin-right : 40px;
}

.inputbox{
width : 132px;
height : 18px;
padding-left : 20px;
padding-top : 3px;
background: url("../images/find_field.jpg") no-repeat;
}

#finder .button{
width : 84px;
height : 20px;
background: url("../images/find_btn.jpg") no-repeat;
vertical-align : bottom;
}

*html #finder .button {
vertical-align : baseline;
}

/*ZONE CENTRALE*/

#content{
padding : 20px 30px;
background-color : white;
background-image : url("../images/content_bg.jpg");
text-align : justify;
}

#image{
background-image : url("../images/content_bg.jpg");
}

.info {
color : #684217;
width : 870px;
font-size : 1em;
text-align:justify;
background-repeat : no-repeat; 
margin-left : 35px;
}

.info2 {
color : #684217;
margin-left : 41px;
width : 849px;
font-size : 1em;
background-repeat : no-repeat; 
}

#contenu_reference{
padding :40px 0 20px 0;
color: #684217;
width: 839px;
}

#projet
{
float:left;
color: #684217;
width: 419px;
height: 100px;
}

.img_livre
{
float:left;
}

.pres_img_livre
{
float:left;
color : #ffffff;
font-size : 1em;
padding:21px 0 0 10px;
}

.info3{
color : #684217;
margin-left : 41px;
width : 839px;
height : 80px;
padding : 12px 20px;
background-image : url("../images/encadre3.jpg");
font-size : 8pt;
background-repeat : no-repeat; 

}

*html .info{
width : 879px;
height : 97px;
}

#browser{
float : left;
width : 289px;
}

#cat0, #cat1, #cat2, #cat3{
display:none;
}

.myborder{
margin : 0 10px 8px 10px;
padding-left : 20px;
}

#right{
float : right;
padding-left : 0px;
width : 648px;
margin-bottom : 10px;
}

.med{
/*margin : 20px 0 19px 39px;*/
margin : 11px 0 10px 5px;
width : 135px;
height : 135px;
padding : 11px;
float : left;
background-image : url("../images/med_bg.png");
}

.right{
float:right;
padding : 6px 0 0 0;
}

.left{
float:left;
}

#produits, #clearer{
clear : both;
margin-top : 10px;
margin-left : -3px;
}

/*STYLE DE L'ACCUEIL*/

#menu {
width : 878px;
text-align : justify;
margin-left : 35px;
}

#menu img{
margin-top: 20px;
margin-bottom: 20px;
}

.menu_right{
margin-left : 38px;
}

/*STYLE DE LA FICHE PRODUIT*/

#big{
float : left;
width : 508px;
height : 408px;
background-image : url("../images/big_bg.png");
}

#big img{
margin-left : 5px;
margin-top:10px;
}

*> #big img{
!margin-left : 3px;
}

#vignettes{
margin-right : 2px;
float : right;
}

#vignettes img{
margin : 9px;
}

.medmin{
margin-bottom : 3px;
width : 134px;
height : 134px;
}

.medmin a{
display:block;
background-image : url("../images/medmin_bg.png");
}


#desc_top{
width : 648px;
height : 13px;
clear : both;
margin-top : 2px;
background-image : url("../images/desc_top.png");
}

#description{
width : 624px;
padding : 0 12px 12px 12px;
background-image : url("../images/desc_bg.png");
background-repeat:repeat-y;
}

#desc_bot{
width : 648px;
height : 13px;
clear : both;
background-image : url("../images/desc_bottom.png");
}

#description p{
color : #ffffff;
margin-left : 5px;
font-size : 0.87em;
}

#desc_left{
margin-left : 5px;
float : left;
width :380px;
}

#desc_right{
float : right;
width : 220px;
border:thin;
margin-right : 5px;
}

#desc_right p{
font-size : 0.87em;
}

#description h2{
font-size : 1.1em;
font-weight : normal;
color :   #ffffff;
margin-top : 5px;
margin-bottom : 3px;
margin-left : 3px;
padding-left : 20px;
background-image : url("../images/carre.jpg");
background-repeat : no-repeat;
background-position : 0% 30%;
}

.pdf{
display : block;
width :71px;
height : 31px;
background-image : url("../images/pdf.jpg");
margin-top : 5px;
margin-left : 140px;
}

.pdf:hover{
background-image : url("../images/pdfhover.jpg");
}

/*STYLE DE LA LISTE DE PRODUITS*/

#prod_header{
width : 926px;
height : 31px;
font-size : 17pt;
font-weight : bold;
color :   #e3631c;
padding-left : 20px;
padding-top : 10px;
margin-bottom : 10px;
background-image : url("../images/produits_bg.png");
}

#prod_header p{
float : left;
width : 400px;
}

#menu_prod{
font-size : 17pt;
margin-right : 30px;
float : right;
}

#produits #menu_prod{
margin-bottom : 30px;
}

.menu_prod, .menu_prod_selected{
margin-left : 5px;
height : 19px;
width : 19px;
display : block;
float : left;
font-size: 0.70em;
text-align:center;
color:#beb5ac;
background-image:url(../images/page.png);
}

.menu_prod_selected{
background-image:url(../images/page.png);
}

.menu_prod:hover, .menu_prod_selected:hover{
color:#beb5ac;
background-image:url(../images/pageSel.jpg);
}

#prod_content{
margin-left : -5px;
clear : both
}

.mini{
float : left;
width : 75px;
height : 75px;
padding : 10px;
background-image : url("../images/mini_bg.png");
}

.clearer {
clear : both;
}


#block_part_haut
{
width: 878px;
}

#block_part_bas
{
width: 878px;
padding:0 0 0 10px;
}

#block_part_bas h2
{
color :   #ffffff;
}

#block_part_bas h2 a
{
color :   #ffffff;
}

#block_part_bas h2 a:hover
{
color :   #e3631c;
}

/*STYLE DE LA PAGE CONTACT*/

.contact{
width : 341px;
background-image:url(../images/bg_devis.png);
}

.contact_centre{
/*background-image:url(../images/bg_devis.jpg);
width : 341px;*/
}

.contact_footer{
background-image:url(../images/bottom_devis.png);
background-repeat:no-repeat;
height : 21px;
margin : 0px;
}

#adresse{
width : 281px;
height : 226px;
padding-left : 60px;
padding-top : 20px;
background-image : url(../images/adresse.png);
text-align : left;
color : #ffffff;
}

#adresse h2{
color : #ffffff;
}

#adresse img{
vertical-align:top;
}

#logocontact{
margin-left :25px;
margin-top : 13px;
margin-bottom : 20px;
}

.devis_header{
display:block;
background-image:url(../images/header_devis.jpg);
height : 61px;
width :  271px;
padding-left : 70px;
padding-top : 20px;
margin : 0px;
}

.devis_header:hover{
background-image:url(../images/header_devis.gif);
}

.contact_header {
display:block;
background-image:url(../images/header_contact.png);
height : 61px;
width :  271px;
padding-left : 70px;
padding-top : 20px;
margin : 0px;
}

.contact_header:hover {
background-image:url(../images/header_contact.png);
}

.contact h2{
font-weight : normal;
font-size:20px;
color : #ffffff;
margin : 5px 0 0 5px;
}

#anime_cat
{
float:left;
width:418px; 
height:354px;
margin :5px 0 30px 0;
}

#img_div
{
float:left;
width:235px; 
height:176px;
padding :0 20px 0 0;
}

#presse_div
{
float:left;
width:580px;
}

/*STYLE DE L'ADMINISTRATION*/

.identification {
background-image:url(../images/fieldset.jpg);
background-repeat:no-repeat;
width : 240px;
height : 195px;
margin-left : 00px;
padding-left : 20px;
padding-top : 15px;
}

.identification .button, fieldset .button{
width : 84px;
height : 20px;
background-image : url("../images/submit.jpg");
margin-top : 10px; 
text-align : center;
margin-left : 68px;
}

fieldset .button{
margin-left : 195px;
}

.field, .field2, .field3{
width : 147px;
height : 18px;
margin-top : 5px;
margin-left : 50px;
margin-right: 0px;
padding-top : 3px;
padding-left:5px;
background-image : url("../images/field.jpg");
}

.field2{
margin-left : 2px;
}

.field3{
width : 225px;
height : 18px;
margin-top : 5px;
margin-right: 0px;
padding-top : 3px;
padding-left:5px;
margin-left : 0px;
background-image : url("../images/field4.jpg");
}

.field4{
width : 33px;
height : 18px;
margin-top : 5px;
margin-left : 0px;
padding-top : 3px;
padding-left:5px;
background-image : url("../images/field3.jpg");
}

.fieldnumber{
width : 147px;
height : 18px;
margin-top : 5px;
margin-left : 50px;
padding-top : 3px;
padding-right:5px;
text-align:right;
background-image : url("../images/field.jpg");
}

.bigfield{
width : 245px;
height : 18px;
margin-top : 5px;
margin-left : 50px;
padding-top : 3px;
padding-left:5px;
background-image : url("../images/field2.jpg");
}

.moduleAdmin {
margin-left : 70px;
margin-top : -20px;
width : 470px;
height:400px;
padding : 30px 20px;
background-image:url(../images/moduleAdmin.jpg);
}

.moduleAdminL {
margin-left : 70px;
margin-top : -20px;
width : 470px;
height: 1383px;
padding : 30px  20px 0 20px;
background-image:url(../images/moduleAdmin2.jpg);
}

#admin_top, #admin_mid, #admin_bottom{
margin-left : 70px;
width : 470px;
padding : 0 20px;
}

#admin_top {
margin-top : -20px;
height:23px;
background-image:url(../images/admin_top.jpg);
}

#admin_mid{
background-image:url(../images/admin_mid.jpg);
}

#admin_bottom{
height : 22px;
background-image:url(../images/admin_bottom.jpg);
}

.checkbox{
margin-left : 50px;
}

.file{
margin-top : 10px;
margin-left : 50px;
border : 1px solid #684217;
vertical-align:middle;
}

fieldset h5{
margin-top : 20px;
font-size:25px;
background-image:none;
}

fieldset h2{
margin : 30px 0 5px 20px;
}

fieldset h3{
margin : 10px 0 5px 40px;
font-weight : normal;
font-size:15px;
color : #684217;
}

.identification h2{
font-weight : normal;
font-size:18px;
color : #684217;
margin : 5px 0 0 5px;
}

fieldset p{
vertical-align:middle;
margin : 5px 20px 5px 20px;
}

fieldset .erreur{
text-align : center;
color : #684217;
margin-top : 10px;
font-weight : bold;
}

.zoneErr {
margin-top : 10px;
height : 40px;
vertical-align:middle;
}

fieldset .n1{
font-size : 11pt;
font-weight : bold;
color :   #684217;
}

fieldset .n2{
margin-left : 10px;
color :   #684217;
}

fieldset .n3{
margin-left : 20px;
}

fieldset .n4{
font-size : 9pt;
border-left : 2px solid #e1d9d1;
margin-left : 30px;
padding-left: 10px;
}

.list{
margin : 15px 0 10px 140px ;
border : 1px solid #684217;
}

.list2{
margin : 15px 0 10px 5px ;
border : 1px solid #684217;
}

.warning, .topWarning{
height : 50px;
margin : 20px 20px 0 20px;
padding-left : 60px;
color : #a83232;
background-image:url(../images/warning.gif);
background-repeat:no-repeat;
background-position:center left;
font-size : 9pt;
}

.topWarning{
margin-bottom : 20px;
width :  200px;
margin-left : 200px;
padding-top : 10px;
height : 40px;
}

fieldset textarea{
margin-left : 60px;
border : 1px solid #684217;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
}

fieldset table{
margin-left : 5px;
}

fieldset tr{
height : 25px;
}

.tr2 tr, .tr2 td{
padding : 0 5px;
background-color:#f1eae2;
}

.tr1 tr, .tr1 td{
padding : 0 5px;
background-color:#e0d5c6;
}

.addicon, .supicon, .editicon ,.opticon, .caticon, .accueilicon, .quiicon, .prodicon, .categicon{
display:block;
float : left;
width : 219px;
height : 49px;
//margin-left : 100px;
padding : 30px 20px 30px 75px;
}

.addicon h2, .supicon h2, .editicon h2, .opticon h2, .caticon h2, .accueilicon h2, .quiicon h2, .prodicon h2, .categicon h2{
font-weight : normal;
font-size:15pt;
}

.addicon {
background-image:url(../images/ajouter_bg.jpg);
}

.supicon {
background-image:url(../images/supprimer_bg.jpg);
}

.editicon {
background-image:url(../images/editer_bg.jpg);
}

.caticon{
background-image:url(../images/catalogue_bg.jpg);
}

.categicon{
background-image:url(../images/categories_bg.jpg);
}

.accueilicon{
background-image:url(../images/accueil_bg.jpg);
}

.quiicon{
background-image:url(../images/partenaire_bg.jpg);
}

.prodicon{
background-image:url(../images/produits.jpg);
}

.opticon{
background-image:url(../images/options.jpg);
}

.addicon:hover, .supicon:hover, .editicon:hover ,.opticon:hover, .caticon:hover, .accueilicon:hover, .quiicon:hover, .prodicon:hover, .categicon:hover{
color : #684217;
}

.addicon:hover {
background-image:url(../images/ajouter_bg.gif);
}

.supicon:hover {
background-image:url(../images/supprimer_bg.gif);
}

.editicon:hover {
background-image:url(../images/editer_bg.gif);
}

textarea#elm1{
background-color : #fff;
}

/*PIED DE PAGE*/

.sign{
background-color : transparent;
color : #684217;
}

.sign p{
background-color : transparent;
font-family:Arial, Helvetica, sans-serif;
color : #684217;
text-align:center;
}

#footer{
height : 26px;
padding-top : 9px;
background-color : #7c7c7c;
background-image : url("../images/footer_bg.jpg");
font-size : 10pt;
font-weight : bold;
color : #f2ebe3;
clear : both;
}

#footer a{
background-color : transparent;
color: #FFFFFF;
}

#footer a:hover{
color :   #e3631c;
}

*html #footer{
height : 35px;
}

#footer li{
margin-left : 10px;
display : inline;
}

/*STYLE DU JAVASCRIPT*/
.contact .accotexte {
	font-size: 12px;
	color: #999999;
	width: 320px;
	border:none;
}

#div_presse_gauche
{
	float:left;
	width:27px; 
	height:203px;
	background:url(../images/fond_presse_img_gauche.png)
}

#div_presse_centre
{
	float:left;
	height:203px;
	background:url(../images/fond_presse_img_centre.png) no-repeat;
}

#div_presse_droite
{
	float:left;
	width:31px; 
	height:203px;
	background:url(../images/fond_presse_img_droite.png) no-repeat;
}

.contact .myborder {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	border:none;
}

.contact textarea{
	margin-left : 0px;
}

.contact .field{
	margin-left : 40px;
}

/*STYLE DE LA PAGE REFERENCE*/

.ref_left{
	width:400px;
	margin-left:100px;
	margin-top:50px;
	/*border: 1px solid #000000;*/
	float:left;
	display:block;
}

.ref_right{
	margin-left:15px;
	margin-top:50px;
	float:left;
	display:block;
}

.ref_inner{
	float:left;
	display:block;
}

.ref_pict{
	margin-left:30px;
	margin-top:20px;
	float:left;
	display:block;
}

.ref_text{
	color: #ffffff;
	font-size : 1.1em;
}

.ref_titre_projet{
	padding:20px 0 0 0;
	font-size : 10pt;
	vertical-align:top;
	text-align:left;
}

.ref_menu{
	text-align:left;
	margin-left : 41px;
	width:75%;
	color :   #684217;
	font-weight : bold;
	font-size : 11px;
	text-decoration:none;
	height : 30px;
	border-bottom : 1px solid #FFFFFF;
	border-bottom-width:thin;
	margin : 0 5px 8px 10px;
	padding-left : 20px;
	background-image : url("../images/carre.jpg");
	background-repeat:no-repeat;
	background-position : 0% 10%;

	
}

.ref_menu a{
	text-decoration:none;
}

.ref_table{
margin-left : 50px;
margin-top : 20px;
margin-bottom : 40px;
width : 839px;
}

.ref_more{
	color: #ffffff;
	text-align:right;
	vertical-align:bottom;
	font-size : 8pt;
}

.ref_more a{
	color: #ffffff;
	text-align:right;
	vertical-align:bottom;
}

.ref_more a:hover{
	text-decoration:underline;
}

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 3px solid #ffffff;
        padding: 0px;
    }
	
	
#facebook{
		padding-left:20px;
		padding-top:10px;
		padding-bottom:10px
    }