@charset "utf-8";
/* CSS Document */

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#42464e;
background-color:#ffffff;
}

conteneurglobal{
width:1024px;
margin:0px auto;
}

a:link{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#42464e;
text-decoration:none}

a:active{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#42464e;
text-decoration:none}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#ff1730;
text-decoration:none}

a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#42464e;
text-decoration:none}

/* Site Head */

#conteneur{
width:1024px;
margin:0px auto;
height:101px;
background-image: url(img/background_head.gif);
position:static;
}

#logo{
width:260px;
height:91px;
padding-top:4px;
padding-left:10px;
float:left;
position: absolute;
}

#description{
margin: 0px 200px 0px 260px;
padding :7px 0px 0px 40px;
width:336px;
height:90px;
position: absolute;
}

#coordonnes{
padding-top:15px;
padding-left:150px;
width:300px;
height:85px;
float:right;
background-image:url(img/background_coordones.gif) ;
}

/* blank */

#blank{
width:1024px;
margin:0px auto;
background-color:#FFFFFF;
height:1px;
position:static;
}

/* Banniere et menu */

#conteneur2{
width:1024px;
height:200px;
margin:0px auto;
background-color:#FFFFFF;
position:static;
}

#flash{
width:580px;
height:200px;
float:left;
position:absolute;
}

#flash_gauche{
width:22px;
height:200px;
float:left;
background-color:#42464e;
position:absolute;
}

#flash_centre{
margin: 0px 22px 0px 600px;
width:3px;
height:200px;
position: absolute;
background-color:#FFFFFF;
}

#flash_droite{
width:555px;
height:200px;
float:right;
background-color:#FFFFFF;
}

#menu{
width:444px;
height:200px;
float:right;
}

#menu_gauche{
width:15px;
height:200px;
float:left;
background-color:#ffffff;
position:absolute;
}

#menu_centre{
margin: 0px 15px 0px 22px;
width:407px;
height:200px;
background-color:#FFFFFF;
position: absolute;
}

#menu_droite{
width:22px;
height:200px;
float:right;
background-color:#42464e;
}

/* CONTENEUR3 */

#conteneur3{
width:1024px;
margin:0px auto;
background-color:#FFFFFF;
position: static;
margin_bottom:7px;
}

#bloc{
width:558px;
float:left;
margin-top:7px;
margin-bottom:20px;
padding: 10px 10px 10px 10px;
background-color:#FFFFFF;
border:#42464e 1px solid;
}
#bloc2{
width:580px;
float:left;
margin-top:7px;
margin-bottom:20px;

}
#produits_catalogue{
width:205px;
margin-top:7px;
background-color:#FFFFFFF;
float:left;
position: absolute;
}
#recherche_catalogue{
width:205px;
background-color:#FFFFFF;
float:right;
}

#menu_recherche{
width:185px;
margin-top:10px;
padding-left:15px;
padding-right:5px;
padding-bottom:15px;
vertical-align:middle;
white-space:10px;
}
#menu_recherche2{
width:300px;
margin-top:5px;
margin-left:15px;
float:left;

}

#panier{
width:170px;
margin-top:10px;
padding-right:5px;
vertical-align:middle;
white-space:10px;
margin-left:15px;
}
#panier2{
width:185px;
padding-right:5px;
vertical-align:middle;
white-space:10px;
float:left;
margin-top:15px;
margin-bottom:15px;
}
#panier3{
width:185px;
padding-right:5px;
vertical-align:middle;
white-space:10px;
float:right;
margin-top:15px;
margin-bottom:15px;
}
#illustrations{
float:right;
background-color:#42464e;
margin-right:20px;
position: inherit 

}

#illustrations2{
width:150px;
margin-top:7px;
float:right;
background-color:#42464e;
border:#FFFFFF 1px solid;
text-align:center;

}


/* INFORMATIONS */

#informations_gen{
margin: 7px 0px 0px 220px;
width:360px;
background-color:#FFFFFF;
position: absolute;
}

/* CONDITIONS GENERALES */
#conditions_gen{
width:400px}



/* INFORMATIONS TATOU */

#informations_tatou{
width:210px;
background-color:#ffffff;
padding-bottom:5px;
padding:5px;
float:left;


}
#informations_tatou2{
margin-top:15px;
width:350px;
background-color:#ffffff;
float:left;



}
#informations_detail{
width:320px;
height:155px;
overflow:auto;
margin-left:8px;
margin-top:10px;
float:left;
scrollbar-base-color:#ff1730;
scrollbar-3dlight-color:#ff1730;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ff1730;
scrollbar-face-color:#ff1730;
scrollbar-highlight-color:#ff1730;
scrollbar-shadow-color:#ff1730;
scrollbar-track-color:#ff1730;
}

/* L'OFFRE */

#offre_tatou{
width:360px;
background-color:#ffffff;
margin-top:7px;
border:1px solid #42464e;
padding-top:21px;
padding-bottom:21px;
}


/* PRODUITS */

#informations_produits{
width:444px;
float:right;
background-color:#FFFFFF;
position:static;
}

/* NOUVEAUX PRODUITS */

#produits{
width:444px;
vertical-align:top;
background-color:#ffffff;
position: static;
}
#produits2{
width:350px;
vertical-align:top;
float:left;
}
#produits_gauche{
width:15px;
float:left;
background-color:#FFFFFF;

}

#produits_centre{
margin: 0px 15px 0px 22px;
width:407px;
background-color:#42464e;
}
#produits_centre2{
width:350px;
float:right;
}
#produits_droite{
width:22px;
float:right;
background-color:#FFFFFF;
position:absolute;
}

#produits_photo{
width:100px;
height:100px;
margin-top:20px;
margin-left:7px;
float:left;
border:solid 1px #FFFFFF;
}

#produits_detail1{
width:195px;
height:70px;
float:right;
margin-top:20px;
margin-right:10px;
}

#produits_detail2{
width:180px;
height:183px;
margin-right:5px;
margin-left:5px;
overflow:auto;
scrollbar-base-color:#42464e;
scrollbar-3dlight-color:#42464e;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#42464e;
scrollbar-face-color:#42464e;
scrollbar-highlight-color:#42464e;
scrollbar-shadow-color:#42464e;
scrollbar-track-color:#42464e;
}
#produits_detail3{
width:210px;
height:150px;
float:right;
margin-top:20px;
margin-right:15px;
}

#produits_detail4{
width:360px;
height:100px;
margin-right:15px;
margin-left:15px;
margin-top:10px;
overflow:auto;
float:left;
scrollbar-base-color:#42464e;
scrollbar-3dlight-color:#42464e;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#42464e;
scrollbar-face-color:#42464e;
scrollbar-highlight-color:#42464e;
scrollbar-shadow-color:#42464e;
scrollbar-track-color:#42464e;
}


/* DESCRIPTION */

#description_tatou{
width:444px;
margin-top:7px;
background-color:#ffffff;
position: static;
}

#description_gauche{
width:15px;
float:left;
background-color:#ffffff;
}

#description_centre{
margin: 0px 15px 0px 22px;
width:407px;
background-color:#FFFFFF;

padding-top:21px;
padding-bottom:21px;
text-align:center;

}

#description_droite{
width:22px;
float:right;
background-color:#FFFFFF;
position:absolute;
}

#description_detail{
width:360px;
margin-top:10px;
float:left;
padding-left:15px;
}

/* CONTENEUR4 */

#conteneur4bis{
margin:0 auto;
width:1024px;
height:30px;
vertical-align:middle;
background-color:#42464e;
position:static;
}


#conteneur4{
margin:0 auto;
width:1024px;
height:30px;
vertical-align:middle;
background-color:#42464e;
position:static;
margin-top:50px;
}

#copyright{
width:100px;
padding-top:10px;
margin:0 auto;
vertical-align:middle;
}

/* Form */

.cssform p{
width: 185px;
clear: left;
margin: 0;
padding: 15px 0 8px 0;
padding-left: 15px; /*width of left column containing the label elements*/
border-top: 1px dashed white;
height: 1%;
}

.cssform label{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
vertical-align:middle;
}

.cssform select{
margin-top:5;

background-color:#ff1730;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
border:0px;
font-weight:bold;
vertical-align:middle;
}

.cssform input{
width:150px;
height:18px;
background-color:#42464e;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
vertical-align:middle;
}

.cssform2 input{
width:150px;
height:18px;
background-color:#FFFFFF;
border:1px solid #42464e;
color:#42464e;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
vertical-align:middle;
}

.cssform2 textarea{
width:200px;
height:80px;
background-color:#FFFFFF;
border:1px solid #42464e;
color:#42464e;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
vertical-align:middle;
}

/* Nous contacter */

#photo_contact{
width: 250px;
float: right;
background-color:#FFFFFF;
border:1px solid #42464e;
padding:5px;
}
#contact_nom{
width: 200px;
float: right;
background-color:#FFFFFF;
padding:5px;
}
#nouscontacter{
float:left;
width:270px;
}

/* Nous contacter */
#venircheztatou{
width:300px;
float:left;
}

#logomap{
width:100px;
float:right;
margin-right:50px}

#map{
float:left;
border:1px solid #42464e;
}

/* demande devis */
#devis{
width:300px;
float:left;
}

/* catalogue */

#titre_catalogue{
width:400px;
float:left;

}
#dl_catalogue{
width:100px;
float:right;


}
#resultat_catalogue{
width:200px;
margin-top:20px;
float:left;}

/* détail catalogue */

#article_catalogue{
width:400px;
float:left;
margin-bottom:30px
}

#description_article{
width:400px;
float:left;}

#retour_catalogue{
width:400px;
float:left;
margin-top:10px;
margin-bottom:30px}

#savoir{
width:150px;
margin-left:15px;
margin-top:10px;
float:left;
}

/* Font */

.red_titre{
font-family:tahoma;
font-size:16px;
color: #ff1730;
font-weight:bold;
}
.red_moyen{
font-family:tahoma;
font-size:13px;
color: #ff1730;
font-weight:bold;
}

.red3{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#ff1730;
}

.red2{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #ff1730;
font-weight:bold;
}
.red{
font-family:tahoma;
font-size:10px;
color: #ff1730;
}
.red_petit{
font-family:tahoma;
font-size:9px;
color: #ff1730;
}
.gris_titre{
font-family:tahoma;
font-size:16px;
color: #42464e;
font-weight:bold;
}
.gris_moyen{
font-family:tahoma;
font-size:13px;
color: #42464e;
font-weight:bold;
}
.gris{
font-family:tahoma;
font-size:10px;
color: #42464e;
}
.gris_petit{
font-family:tahoma;
font-size:9px;
color: #42464e;
}
.white_titre{
font-family:tahoma;
font-size:16px;
color: #FFFFFF;
font-weight:bold;
}
.white_moyen{
font-family:tahoma;
font-size:13px;
color: #FFFFFF;
font-weight:bold;
}
.white{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
}
.white a:link {font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;}
.white a:hover {font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;}
.white a:visited {font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;}
.white a:active {font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;}

.white_petit{
font-family:tahoma;
font-size:9px;
color: #FFFFFF;
}
.menu_white a:link{
padding-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
.menu_white a:active{
padding-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.menu_white a:visited{
padding-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
.menu_white a:hover{
padding-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#ff1730;
text-decoration:none;
}
.white_selection{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
padding-left:15px;
}
.great_title_red{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#ff1730;
padding-left:15px;
}

.great_title_red2{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#ff1730;
}

.great_title_gris{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#42464e;
padding-left:15px;
}

.great_title_white{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#ffffff;
padding-left:15px;
}
.great_title2_gris{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#42464e;
padding-left:15px;
}
.great_title2_gris2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#42464e;

}
.great_title2_white{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
padding-left:15px;
}
.great_title2_red{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ff1730;
padding-left:15px;
}
.texte{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#42464e;
}

.plus a:link{
padding-left: 3px;
padding-right: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
background-color:#ff1730;
}

.plus a:visited{
padding-left: 3px;
padding-right: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
background-color:#ff1730;
}

.plus a:hover{
padding-left: 3px;
padding-right: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#42464e;
text-decoration:none;
background-color:#ffffff;
}

.plus a:active{
padding-left: 3px;
padding-right: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
background-color:#ff1730;
}

.demande a:link{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
}
.demande a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
}
.demande a:active{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
}
.demande a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
font-weight:bold
}