/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
background:#FFF;
margin: 0;
padding: 0;
}
#conteneur {
position:absolute;
background-color:#ffffff;
left: 50%;
margin-left: -375px;
width:750px;
background-image:url(images/fond.jpg);
}
#header {
padding-top:7px;
text-align:center;
width:750px;
height:170px;
margin-bottom:20px;
background-image:url(images/header.jpg);
}

#edito {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
display:block;
position:relative;
padding-right:10px;
padding-left:20px;
margin-bottom:25px;
margin-left:200px;
margin-right:10px;
height:600px;
line-height:17px;
background-repeat: no-repeat;
}
#paragraphe {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
line-height: 18px;
position:relative;
padding-right:10px;
padding-left:20px;
margin-bottom:50px;
margin-left:200px;
margin-right:10px;
}
#conteneur_news {
display:block;
margin-bottom:15px;
margin-top:15px;
}
#T2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:justify;
line-height: 18px;
color:#0099CC;
display:block;
font-weight:bold;
border-bottom:#FC8D03 solid 1px;
padding:2px;
padding-left:6px;
}
.liens {
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
display:block;
font-weight:bold;
border-left:solid 3px #FC8D03;
padding:4px;
padding-left:6px;
text-decoration:none;
}
.titre_news {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
text-decoration:none;
}
.infos_news {
font-family:Arial, Helvetica, sans-serif;
text-align:right;
display:block;
font-size:10px;
padding:1px;
text-decoration:none;
}
.news {
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
display:block;
background-color: #FFFFFF;
padding:3px;

text-decoration:none;
}
.descriptionliens {
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
color:#000000;
border-bottom:solid 1px #DDDDDD;
font-size:11px;
display:block;
padding:2px;
padding-left:6px;
text-decoration:none;
margin-bottom:8px;
}
#titre {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
text-align:justify;
color:#0099CC;
border-bottom:#FC8D03 solid 2px;
display:block;
position:relative;
margin-top:10px;
margin-bottom:5px;
padding-right:20px;
margin-left:20px;
margin-right:20px;
padding:2px;
}
#image{
position:relative;
border:#000000;
border:solid;
border-width:1px;
}
#bas {
clear:both;
position:relative;
display:block;
height:78px;
width:750px;
background-image:url(images/bas3.gif);
}
 a.contact { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
position:absolute;
float:left;
left:651px;
top:54px;
width: 89px; /* largeur de l'image réactive */
height: 19px; /* hauteur de l'image réactive */
background-image: url(images/contact.gif); /* source de l'image de départ */
background-repeat: no-repeat;
}
 
a.contact:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/contact2.gif); /* source de l'image d'arrivée */
}
 a.liensbas { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
position:absolute;
float:left;
left:593px;
top:54px;
width: 58px; /* largeur de l'image réactive */
height: 19px; /* hauteur de l'image réactive */
background-image: url(images/liens.gif); /* source de l'image de départ */
background-repeat: no-repeat;
}
 
a.liensbas:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/liens2.gif); /* source de l'image d'arrivée */
}
 a.catalogue { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
position:absolute;
float:left;
left:489px;
top:54px;
width: 104px; /* largeur de l'image réactive */
height: 19px; /* hauteur de l'image réactive */
background-image: url(images/catalogue.gif); /* source de l'image de départ */
background-repeat: no-repeat;
}
 
a.catalogue:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/catalogue2.gif); /* source de l'image d'arrivée */
}
img {
border:0;
}
 a.galcasquette { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
position:relative;
width: 150px; /* largeur de l'image réactive */
height: 30px; /* hauteur de l'image réactive */
background-image: url(images/bouton_casquettes2.gif); /* source de l'image de départ */
background-repeat: no-repeat;
}
 
a.galcasquette:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/bouton_casquettes.gif); /* source de l'image d'arrivée */
}
a.galteeshirt { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
 position:relative;
width: 150px; /* largeur de l'image réactive */
height: 30px; /* hauteur de l'image réactive */
background-image: url(images/bouton_teeshirts2.gif); /* source de l'image de départ */
background-repeat: no-repeat;
}
 
a.galteeshirt:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/bouton_teeshirts.gif); /* source de l'image d'arrivée */
}
a.teeshirt { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
 position: absolute;
 left:40px;
 margin-top:25px;
width: 145px; /* largeur de l'image réactive */
height: 70px; /* hauteur de l'image réactive */
background-image: url(images/teeshirtmenu.gif); /* source de l'image de départ */
background-repeat: no-repeat;
}
a.faireundevis:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/faireundevis2.gif); /* source de l'image d'arrivée */
}
a.faireundevis { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
float:left;
position:absolute;
left:40px;
margin-top:10px;
width: 150px; /* largeur de l'image réactive */
height: 50px; /* hauteur de l'image réactive */
background-image: url(images/faireundevis.gif); /* source de l'image de départ */
background-repeat: no-repeat;
} 
a.teeshirt:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/teeshirtmenu2.gif); /* source de l'image d'arrivée */
} 
 a.adhesif { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
position: absolute;
left:380px;
margin-top:25px;
width: 145px; /* largeur de l'image réactive */
height: 70px; /* hauteur de l'image réactive */
background-image: url(images/adhesifmenu.gif); /* source de l'image de départ */
background-repeat: no-repeat;
}
 
a.adhesif:hover { /* définition de la classe "image" de la balise <a> au survol */
background-image: url(images/adhesifmenu2.gif); /* source de l'image d'arrivée */
}
.boutons {
position:relative;
display:block;
width:150px;
float:left;
margin-left:25px;
}
#formulaire {
width:520px;
display:block;
padding:10px;
margin-left:200px;
margin-right: 8px;
margin-top:18px;
border-left-width:1px;
border-left-color:#089fd9;
border-left-style: dashed;
}
#cheminform {
display:block;
position:relative;
left:0px;
margin-bottom:10px;
}
.form {
width:300px;
height:100px;
border-width:1px;
border-color: #CCCCCC;
border-style:solid;
}
.input {
width:300px;
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
}
.formnb {
width:30px;
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
}
.selectprod {
width:200px;
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
}
.selectcoul {
width:45px;
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
}
.checkbox {
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
}
/*Button*/
.buttonSubmit, .buttonSubmitHovered {
width:69px;
height:26px;
color:#FFF;
font-weight:bold;
padding:2px 5px;
background:url(images/button.gif) no-repeat left top;
cursor:pointer;
border:none;
}

.buttonSubmitHovered {
background-position:left bottom;
}

/*Button*/
.buttonetapeSubmit, .buttonetapeSubmitHovered {
width:115px;
height:26px;
color:#FFF;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:2px 5px;
background:url(images/buttonetape.gif) no-repeat left top;
cursor:pointer;
border:none;
}
.buttonetapeSubmitHovered {
background-position:left bottom;
}

#miniature {
border: 1px solid #000000;
margin:13px;
}
.galerie {
float:left;
display:block;
position:absolute;
border: 1px solid  #0099CC;
background-color:#80D2EE;
padding:10px;
margin-top:70px;
left:40px;
}
.galerieaccueil {
float:left;
display:block;
position:relative;
background-image:url(images/fond-galerie.gif);
margin-top:270px;
left:40px;
width:160px;
}
.menuaccueil {
float:left;
display:block;
width:160px;
height:260px;
background-image:url(images/fondmenuaccueil.gif);
position:absolute;
padding:0px;
left:40px;
}
a.menu { /* définition de la classe "image" de la balise <a> */
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:10px;
text-decoration:none;
color:#666666;
}
 a.menu:hover { /* définition de la classe "image" de la balise <a> */
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:10px;
text-decoration:none;
color:#FC8D03;
}