@charset "utf-8";
* {margin: 0; padding: 0;}
/*General*/
/* remember to define focus styles! */
:focus {outline: 0;}

body 					{font-size: 62.5%;font-family: Arial, Helvetica, sans-serif;color:rgb(0,0,0)/*Blanc*/;background:url(../images/fond-fruits.jpg) no-repeat center 150px; background-color:#b1103c; text-align: center; }
a						{outline:none;font-size:1.2em;}	
a						{text-decoration:none;}
a:hover					{color:rgb(202,158,100); text-decoration:none;}
ul						{margin:0;padding:0;list-style:none}
h1						{font-size:1.8em; font-weight:normal;margin:0; padding:0}
h2						{font-size:1.5em; font-weight:bold;margin:0; padding:0}
h3						{font-size:1.3em; font-weight:bold;margin:0; padding:0}
h4						{font-size:1.1em; font-weight:bold;margin:0; padding:0}
p						{font-size:1.2em;margin:10px 0; padding:0; text-align:justify}
img						{border:none}
/*Structure*/
#Page					{width:900px;margin:0 auto; text-align: left;  background-color:#FFF; margin-top:5px;}
#Header					{width:900px; background-color:#B0123A; height:85px;   }
	#HeaderLeft			{width:445px;height:45px;text-align:left; float:left; padding-top:5px; }
	#HeaderCenter		{width:370px; text-align:center;float:left;}
	#HeaderRight		{width:auto;height:45px;text-align:right;float:left;padding-top:20px; }
#Navigation				{height:40px;	width: 100%; }
#Content				{width:900px; height:auto;color:rgb(0,0,0); margin:0px; padding:0; margin-bottom:10px;}
	#ColLeft			{width:520px;margin-left:20px; float:left; }	
	#ColCenter			{width:325px;float:left; height:auto; margin-left:10px; padding-left:20px;  border-left:1px solid #CCC}	
	#ColUnique			{width:900px;float:left;  text-align:left}

#Footer					{width:900px; }
	#FooterHaut			{height:100px; margin-top:5px; background: transparent url(../images/fond-gris.jpg) top left repeat-x; border-top:1px dashed #CCC }
	#FooterBas			{height:160px; background-color:#b1103c;}
#AutoPromo				{width:900px; background-color:#b1103c; text-align:center; color:#FFF}
#BoutonBoutique			{margin-left:5px; width:303px; height:124px;}
#Actualite				{ background:transparent url(../images/actualite-2.jpg) top left no-repeat; width:480px; height:auto; margin-top:0px;padding-top:110px ; padding-left:20px}
a.bouton 	 			{height:50px; width:202px; background:transparent url(../images/bouton-boutique-ariane-magimel.gif) left top no-repeat; display:block; padding-top:75px;padding-left:100px; color:#FFF}
a.bouton:hover 			{background-position : 0 -124px;}
/*Typo*/
#HeaderHaut h1			{font-size:1.9em;font-weight:normal;}

#HeaderRight a 			{font-size:0.9em; color:#FFF;}
#HeaderRight a:hover 	{color:#ca9e64;}
#AutoPromo a 			{font-size:1.1em; color:#FFF;}
#AutoPromo a:hover 	{color:#ca9e64;}
#ColLeft a 			{font-size:1.2em; color:#b1103c;}


#ColRight, #ColLeft h1		{font-size:2.5em;font-weight:normal;margin:0; padding:0; margin-bottom:10px; margin-top:20px;}
#ColRight, #ColLeft h2		{font-size:1.7em; font-weight:bold;}
#ColRight, #ColLeft h3		{font-size:1.7em;font-weight:normal; margin:10px 0 ; padding:0;}
#ColRight, #ColLeft p		{font-size:1.3em;text-align:justify;}
#ColCenter p {font-size:1.3em;text-align:left; margin-left:5px;}

#Navigation ul {}
#Navigation ul li{float : left; }
#Navigation ul li a{display : block; color:#666; width :auto; height:20px; padding:10px;text-align:center; font-weight:bold; font-size:0.9em;}
#Navigation ul li a:hover{ background-color:#70B44C}

#Actualité .promo	{}
#Actualité .texte	{}


#Footer p			{font-size:0.95em;}

ul li			{font-size:1.3em; }
address {font-size:1.2em; text-align:left; margin-top:5px;}

/*personnel*/
.separateur		{height:7px; background-color:#b1103c; padding:0; margin:0; }

.borderBottom	{border-bottom:1px solid #B2B2B2;}
.border			{border:1px solid #B2B2B2; padding:5px;}
.c_or {color:#ca9e64}
.c_framboise {color:#b1103c}
.c_vert {color:#70B44C}
.c_blanc {color:#fff}
.clear		{clear:both;}
.center		{text-align:center};
.right		{float:right};
.baseLine	{font-family:"arial";  }
.italic		{ font-style:italic}
.none		{margin:0; padding:0};
.slogan		{}
.gras		{font-weight:bold}
a.contact 	{font-size:1.1em; text-decoration:underline}
a.index		{ cursor:pointer;}
.focus		{background-color:#ca9e64;}
.bloc		{width:212px; height:73px; border:1px solid #CCC; margin-left:3px; margin-bottom:20px;padding:5px 5px 5px 85px; }
.bloc a		{margin-left:110px; color:#ca9e64;}
.bloc a:hover	{ color:#70B44C}
.bloc h2	{margin:0; padding:0;}
.bloc p	{margin:0; padding:0; margin-bottom:5px;}

table .titre_tableau{ font-size:1.4em; font-weight:bold;}
table .texte_tableau{ font-size:1.4em; color:#000}
input.bouton { font-weight:bold; height:30px; width:100px;}
input { height:20px; font-size:1.2em;}
textarea {font-size:1.2em;}