@charset "utf-8";
/* css AtelierBeatrice */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
fieldset,img {  
	    border:0; 
	} 
address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
ol,ul { 
	    list-style:none; 
	} 
caption,th { 
	    text-align:left; 
	} 
h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
q:before,q:after { 
	    content:''; 
	} 
abbr,acronym { border:0;
}

/*	---------------------------------------------------------	*/

body
{
	background-color: #97004B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}

a, a:link, a:active, a:visited {
	color:#FF6633;
	text-decoration:none;
}
a:hover {
	color:#0099FF;
	text-decoration:underline;
}

#conteneur
{
	margin: 0 auto 0 auto;
	width: 996px;
	height:auto;
	max-height:100%;
	background-color: #FFFFFF;
	background-position : 0 0;
	top: 0px;
	padding-top: 0px;
	border: solid 1px #808080;
}

#header
{
	background-image: url('Images/header_996x156.jpg');
	background-repeat: no-repeat;
	width: 996px;
	height: 190px;
}

#conteneur #colGauche
{	
	margin: 0 0 0 0;
	width: 127px;
	float: left;
	height: auto;
	top:190px;
	padding:0;
}

#colGauche #tagCloud
{	
	margin: 0 0 0 0;
	width: 127px;
	float: left;
	height: 400px;
	top:0px;
	padding:0;
}

#colGauche #commentaires{
	margin :5px 5px 5px 5px;
	padding-left:15px;
	padding-top:15px;
	height:auto;
	width:127px;
	float:left;
}

#colGauche p{
	font-size:95%;
	color:#6B6B6B;
	text-align:left;
	line-height:16px;
}

#colGauche h5{
	font-size:110%;
	color:#CC3300;
	font-weight:bold;
	text-align:left;
}


#conteneur #contenu {
	
	height:auto;
	max-height:1200px;
	width: 849px;
	margin : 10px 10px 10px 10px;
	left:127px;
	padding:0 0 0 0px;
	float:left;
}

/*	------------------------------- Pied de page ------------------------*/

#piedPage {
	margin: 10px 0 0 0;
	width: 996px;
	height: 15px;
	background-image: url('Images/ImgPiedPage_996x15.jpg');
	background-repeat: no-repeat;
	clear:both;
}

#piedPage p{
	text-align:center;
	font-size:80%;
	font-weight:bold;
	color:#FFFFFF;
}

#piedPage a {
	color:#FFFFFF;
	text-decoration:none;
}
#piedPage a:hover {
	color:#000000;
	text-decoration:none;
}
	
/*	----------------------------------- Page Accueil --------------------------------------*/

#contenu #ColHaut {
	margin: 0 0 0 25px;
	height: 220px;
	width: 800px;
	padding-left: 25px;
	/*padding-right: 25px;*/
	float:left;
}

#ColHaut #ColHautLeft{
	margin: 5px 0 0 25px;
	height: 220px;
	width: 400px;
	float:left;
	
}

#ColHaut #ColHautRight{
	margin: auto;
	height: 220px;
	width: 290px;
	background-image:url('Images/Image4titresPageAccueil.jpg');
	background-repeat:no-repeat;
	float:left;
}

#contenu #ColBasse{
	margin: 10px 0 0 25px;
	height: 390px;
	width: 850px;
	padding-left: 25px;
	margin-left: 25px;
	top:20px;
	float:left;
}

#ColBasse #ColBasseLeft{
	margin: 5px 0 0 0px;
	height: 390px;
	width: 800px;
	padding-left: 10px;
	margin-right: 30px;
	float:left;
}

#ColBasse #Pub{
	margin: 0 0 0 20px;
	height: 350px;
	width: 145px;
	padding-left: 0px;
	
	border: 1px solid #CCCCCC;
	float:left;
	}

#ColBasse #ColBasse_1{
	margin: 0 0px 0 25px;
	height: 390px;
	width: 290px;
	padding-left: 0px;
	padding-right: 20px;
	float:left;
}

#ColBasse #ColBasse_2{
	margin: 45px 0 0 490px;
	height: 350px;
	width: 280px;
	padding-left: 0px;
	padding-right: 0px;
	
}

#ColBasse_3{
	margin: 5px 0 0 0px;
	height: 390px;
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
}


#ColHautRight{
	margin: 23px 0 0 320px;
	height: 220px;
	width: 450px;
	padding-left: 0;
	padding-right: 10px;
}


#colLeft {
	width: 300px;
	padding-left: 25px;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	height:600px;
}

#colRight {
	margin-top: 30px;
	padding-left: 30px;
	margin-right:30px;
		}



/*	------------------------------- Page Contact ------------------------*/


#Adresse {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	clear: both;
	color: #808080;
	margin-top: 150px;
}
.email {
	color: #0066FF;
	font-weight: bold;
}
#illustration {
	background-image: url('Images/Paint-pot.png');
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
}

#contenu #colLeftContact {
	width: 250px;
	padding-left: 25px;
	float: left;
	margin-top: 20px;
	/*margin-right: 20px;*/
	height:600px;
}

#colLeftContact p {
	font-size: 95%;
	color: #666666;
	text-align:left;
	letter-spacing: 0.1em;
}


#contenu #colFormulaire {
	width: 480px;
	margin-right: 25px;
	margin-top: 20px;
	right: 10px;
	font-weight: normal;
	font-size: 90%;
	margin-left:5px;
	color:#808080;
	float:left;
}

#colFormulaire #imageContact{
	width:480px;
	height:555px;
	background-image:url('Images/ImageDivContact-a.jpg');
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	padding-top:0px;
	}

.Champs{
	height: 20px;
	margin-bottom: 2px;
	margin-top:2px;
}


/*	------------------------------- Page Produit ------------------------*/


#contenu #Produit {
	height: 500px;
	width: 866px;
	text-align:center;
	margin-top:30px;
}

#ColHaut {
	margin: 0 0 0 0;
	height: 220px;
	width: 800px;
	padding-left: 25px;
	padding-right: 25px;
}

#Produit p{
	font-size: 100%;
	color: #666666;
	text-align: center;
	letter-spacing: 0.1em;
	
}

.ImageP{
	margin: 0 0 0 0px;
	background-image: url('Images/realisationProduit.jpg');
	background-repeat: no-repeat;
	height: 352px;
	width:742px;
	margin-top:20px;
}

/*	------------------------------- Page Catalogue ------------------------*/


#contenu #Catalogue {
	height: 500px;
	width: 700px;
	text-align:center;
	margin-top:0px;
	margin-left:30px;
	float:left;
}

input.back {  
	border: 1px #FFFFFF solid; 
	background-color: #00CC33; 
	width:50px; 
	font-size: 100%; 
	font-style: normal; 
	color: #F8FCFF; 
	font-weight: bold; 
}

input.next {  
	border: 1px #FFFFFF solid; 
	background-color: #FF6600; 
	width:50px; 
	font-size:100%; 
	font-style: normal; 
	color: #F8FCFF; 
	font-weight: bold; 
}
/*
input.bouton {  border: 1px #DEF4E7 solid; background-color: #274998; width: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #F8FCFF; font-weight: bold; }
*/
select.select {  
	border: 1px #274998 solid; 
	background-color: #FFFFFF; 
	width:auto; 
	font-size: 100%; 
	font-style: normal; 
	color: #666666; 
	font-weight: normal;
	}
	
#contenu #Espace{
	width:800px;
	height:80px;
	float:left;
	}


/*	------------------------------- Page Mentions Légales ------------------------*/



#contenu #mentions {
	height:1230px;
	width: 690px;
	text-align:left;
	margin-top:0px;
	margin-left:20px;
	padding: 0 0 30px 20px;
	float:left;
	
}

/*	------------------------------- Colonne du menu ------------------------*/



#menu ul {
	text-decoration: none;
	padding-left: 5px;
	margin-left: 5px;
	left: 5px;
}
#menu li {
	list-style-type: none;
	text-decoration: none;
	font-size: 95%;
	margin-top: 10px;
}
#menu a {
	text-decoration: none;
	font-weight: bold;
	color: #7B9489;
	border-bottom: solid 2px #D57532;
	display: block;
	padding-bottom: 2px;
	padding-left: 3px;
}
#menu a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	display: block;
	padding-bottom: 2px;
	background-color: #7B9489;
	padding-left: 3px;
}
/*	------------------------------- Caractères ------------------------*/

p {
	font-size: 95%;
	color: #666666;
	text-align:left;
	letter-spacing: 0.1em;
}

.titreParagraphe {
	font-size: 110%;
	color: #000;
	text-align: left;
	font-weight: bold;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #A13101;
}

.imgDroite {
	float: right;
	margin-left: 10px;
}
.imgGauche {
	float: left;
	margin-left: 20px;
}

.imgCenter {
	float: none;
	text-align:center;
}

.titre2 {
	font-size: 110%;
	color: #002080;
	text-align: justify;
	font-weight: bold;
}

#contenu h1 {
	font-size: 160%;
	color: #FF6600;
	font-weight: bold;
}

#contenu h2 {
	font-size: 130%;
	color: #9C0229;
	font-weight: bold;
}

#contenu h3 {
	font-size: 120%;
	color: #344F8C;
	font-weight: bold;
}

#contenu h4 {
	font-size: 110%;
	color: #FF0066;
	letter-spacing: 0.1em;
	font-weight: bold;
}

#contenu h5 {
	font-size: 110%;
	color: #FF3300;
	font-weight: bold;
	margin: 0 5px 0 0;
}

#contenu h6 {
	font-size: 110%;
	color: #666666;
	font-weight: bold;
	margin: 0 5px 0 0;
}


/*	-------------------------- autres Class couleurs ---------------------------------	*/
.bleu{
	color:#0066FF;
	}

.rouge{
	color:#990000;
	}
	
.orange{
	color: #FF6600;
	}
	
.vert{
	color: #339933;
	}
	
.jauneOr{
	color: #CCCC00;
	}