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

* { margin: 0; padding: 0; border: 0; }


/* h1, h2, h3
------------------------------------------------------------------------------*/

h1{
font-size:14px;
font-weight:bold;
color:#fff;
border-bottom:solid 1px #FFF;}

h2{
font-size:18px;
font-weight:bold;
color:#000;
border-bottom:solid 1px #c93100;}

h3{
font-size:12px;
font-weight:bold;
color:#000;}

h4{
font-size:18px;
font-weight:bold;
color:#971b83;
border-bottom:solid 1px #971b83;}



/* ul
------------------------------------------------------------------------------*/

ul {
	margin: 0 0 0 18px;
	padding: 4px 0;
	list-style: none;
}

ul li {
	margin: 0 0 0 10px;
	list-style-type: circle;
}

/* a
------------------------------------------------------------------------------*/

a{
color:#00F;
}


a:hover{
color:#00F;
}

.italic{
font-style:italic;}

.clear { clear: both; }

.red{color:#F00;}


/* img
------------------------------------------------------------------------------*/

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

.img-vignettes {
	padding:5px;
	margin:0px;
}

.imgfll {
	float: left;
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 6px;
}

.imgico {
	float: right;
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 6px;
}

.imgflr {
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	}

/* body
------------------------------------------------------------------------------*/

body{
background:url(images/fond.gif) top center repeat-x #730962;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;}

/* Content Box
------------------------------------------------------------------------------*/
#content-box {
margin: 0px auto;
width:790px;
height:auto; 
text-align: left;
background:url(images/fond-content-box.jpg) top right no-repeat #fff;
-moz-box-shadow: 1px 1px 40px #000;  
-webkit-box-shadow: 1px 1px 40px #000;  
box-shadow: 1px 1px 40px #000; 
}

/* Logo + phrase
------------------------------------------------------------------------------*/
#logo {
padding:10px;
width:242px;
height:83px;
float:left;
}

#phrase {
padding:10px;
width:300px;
height:83px;
float:left;
text-align:center;
font-size:14px;
font-style:italic;
}

/* Contact + Bienvenue
------------------------------------------------------------------------------*/
#contact-bienvenue {
position:relative;
top:-40px;
margin:0px auto ;	
width:756px;
height:267px;
background:url(images/fond-bienvenue-batterie.png) no-repeat center;
}

#contact {
padding-top:45px;
padding-left:10px;
width:220px;
height:192px;
float:left;
color:#FFF;
text-align:justify;
}

#bienvenue {
padding-top:75px;
padding-left:30px;
width:340px;
height:192px;
float:left;
text-align:justify;
color:#FFF;
}

/* Services
------------------------------------------------------------------------------*/
#services {
position:relative;
top:-40px;
margin:0px auto ;	
width:756px;
height:auto;
}

#print {
padding:20px;
width:338px;
height:auto;
float:left;
text-align:left;
}

#web {
padding:20px;
width:338px;
height:auto;
float:left;
text-align:left;
}

.services-liste{
padding:10px;
border:1px solid #c93100;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border-radius: 8px;
	}
	
/* Offres du moment
------------------------------------------------------------------------------*/
#offres {
position:relative;
margin:0px auto ;	
top:-40px;
width:716px;
height:auto;
}


/* Copyright
------------------------------------------------------------------------------*/
#copyright {
font-size:10px;
text-align:center;
color:#FFF;}

/* Formulaires
------------------------------------------------------------------------------*/

input {
background:#fafafa;
border:1px solid #d1d1d1;
padding:2px 3px;
width: 250px;

}
textarea{
background:#fafafa;
border:1px solid #d1d1d1;
padding:2px 3px;
width: 500px;
height:200px;
}


input[type=submit]
{
width: 100px;
background: #fafafa;
border:1px solid #d1d1d1;
}

/* Formulaire de Contact
------------------------------------------------------------------------------*/

#formulaire-de-contact{
margin:0px auto ;	
width:500px;
}

#formulaire-de-contact a{
text-decoration:none;
}

#formulaire-de-contact a:hover{
text-decoration:underline;
}

.send{
font-size:24px;
color:#7fbd0c;}

/* Tag cloud
------------------------------------------------------------------------------*/

#tag{
width:790px;
margin: 0px auto;
text-align:justify;
font-size:10px;
color:#971b83;}

/* catalogue
------------------------------------------------------------------------------*/

ul#catalogue-print{
width:330px;
margin-left:-5px;
}

ul#catalogue-print li{
list-style-type:none;
display:block;
width:95px;
float:left;
text-align:center;
}

ul#catalogue-print h3{
font-weight:normal;
font-size:10px;
text-align:center;
}

ul#catalogue-web{
width:330px;
margin-left:-5px;
}

ul#catalogue-web li{
list-style-type:none;
display:block;
width:95px;
float:left;
text-align:center;
}

ul#catalogue-web h3{
font-weight:normal;
font-size:10px;
text-align:center;
}