/*
	author:   Julien Bernard
*/

/*Corps et polices de base*/
* { margin: 0; padding: 0; text-align:center}
body {
 font-family: Open Sans, Verdana, sans-serif;
 font-size: 80%; 
background-color: #FFFFFF;
color: #000000;
}
.clr { clear: both; }

/*Corps et articles_paragraphes*/
h1 { font-size: 130% ;  color: #8A4824; margin-bottom: 10px;}/*Titres*/
h2 { font-size: 120% ; font-weight: bold; color: #8A4824; margin: 0 0 15px; }/*Secondes Titres : RESSOURCES, NEWS*/
h3 { font-size: 110% ; margin: 0 0 20px; color: #8A4824;}/*Petits titres dans les news*/
h4 { font-size: 110% ; margin: 0 0 4px; ; text-align:center}/*Sous titres centrés noir (pleine page)*/
h5 { font-size: 110% ; color: #000000; margin: 0 0 15px; text-align:center}/*Sous titres centrés noir (page avec menu à droite)*/
h6 { font-size: 110%; color: #000000; margin: 0 0 2px; text-align:right}/*}/*Texte colonne image ou Auteur citation*/
em { font-size: 80%; font-weight: bold; line-height: 1.6em; color: #8A4824;}/*Sous titre bannière*/
p {  margin: 15px 0 15px 0; line-height: 1.4em; font-size: 100%}

p.introduction:first-letter {
 font-size: 2.0em;
 float: left; 
 font-weight: bold;
color: #000000;
 /*line-height: 35px;*/
 padding-right: 3px;
font-family: Open Sans, Verdana, sans-serif;
}

a { outline: 0; text-decoration: none;color: #8A4824; } a:hover { color: #D68819; font-weight: bold;}
li { list-style: none; }
li a { display: block; }
img { outline: 0; border: 0; }
quote {font-size: 1.4em; font-style:italic;text-align:center; font-weight: bold; }


/*Bande verticale*/
#wrapper { width: 90%; margin: auto; }
.clr { clear: both; }

/*Bandeau horizontal */
#header { clear: both; background-color: #1122ba }
#header img{max-width: 100%; height: auto;}
	#header h1 a { color: #ffffff; }/*Titre Logo haut de page*/
		#header h1 a span { }
		.content { background-color: #ffffff; padding: 20px; }
		
/*The Irresistible Offer */
#tio { clear: both; background: url(../images/tio.png) no-repeat center; height: 80px; margin: 0 0 0px; padding: 0px 0px 0 0px;background-color: #2B0F0F;}
	#tio h1 a { color: #ffffff; }/*Titre Logo haut de page*/
		#tio h1 a span { }
		.content { background-color: #ffffff; padding: 20px; }

/*Menus */		
#menu { height: 30px; padding: 0px 0 0 4px;  }
	#menu li { float: left; font-size: 1.3em; text-transform: uppercase; }
		#menu li a { color: #646464; margin: 0 50px 0 0; } /*Titres des Menus*/
			#menu li a.current, #menu li a:hover { color: #D68819; font-weight: bold;}		/*Menu actif ou sur le point d'être sélectionné*/	

/*Highlight */			
#highlight { clear: both; background: url(../images/highlight.jpg) no-repeat; height: 220px; margin: 0 0 00px; padding: 60px 360px 0 30px; }
.content { background-color: #ffffff; padding: 20px; }

#actu {	   }
#actu 	img {
	border:3px solid #000000;
	max-width:100%;
	}

.max-width15 {max-width: 15px; }
.max-width30 {max-width: 30px; }
.max-width50 {max-width: 50px; }
.max-width75 {max-width: 75px; }
.max-width100 {max-width: 100px; }
.max-width125 {max-width: 125px; }
.max-width150 {max-width: 150px; }
.max-width200 {max-width: 200px; }
.max-width300 {max-width: 300px; }
	
/*Corps */
#main { padding: 0px 0px 0px 0px }
#main img{ max-width:100%; }
	.col { float: left; width: 212px; margin: 0 0px 0px 0; padding: 5px 5px 5px 5px}
	.col.un {background: url(../images/col1.png) no-repeat; height: 320px;}
	.col.deux {background: url(../images/col2.png) no-repeat;height: 320px;}
	.col.trois {background: url(../images/col3.png) no-repeat;height: 320px;}
	.col.quatre { float: right; margin-right: 0; background: url(../images/col4.png) no-repeat;height: 320px;}
	.col.last { width: 300px; float: right; margin-right: 0; }
	.col.text {width: 620px;}
	.col.news {width: 960px}
	.basictext{font-size: 1.3em}
	.textindex{clear: left; width: 960px; margin: auto; font-size: 1.0em; }
	.textpage{clear: left; width: 800px; margin: auto; font-size: 1.0em}
	.formbackground{width: 500px; height: 300px; margin: auto; background:  url(../images/form.png)no-repeat}
	.formtext{width: 400px; margin-left: 50px; margin-right: 50px; font-size: 1.2em; color: #D68819}

	.text{margin: auto;}
	.text .center{width : 300px; margin: auto;}
	.text .paypal{width : 250px; margin-left:auto; margin-right:auto;margin-top : 60px;margin-bottom : 50px}
	
	.boutique{float: left; width: 600px;}
	.boutique .center{width : 200px; margin: auto;}

	.signature{background: url(../images/signature.png)no-repeat right; height: 80px;}
	.photo{ background: url(../images/Avatar01.png)no-repeat right; height: 200px;}
	.textcenter{font-size: 1.3em;text-align:center}
	.case {clear: both; font-size: 0.8em;height: 145px; overflow: hidden;}
	.case img { float: left; clear: left; margin: 0 10px 10px 0; background: #121212; padding: 3px; }
	.case a, .article a { color: #8A4824; font-weight: bold; }
	.case_small {clear: both; font-size: 0.8em; height: 100px; overflow: hidden;}
	.case_small img { float: left; clear: left; margin: 0 10px 10px 0; background: #121212; padding: 3px; }
	.case_small a, .article a { color: #8A4824; font-weight: bold; }
	.short { padding: 0 0 15px 0; background: url(../images/line.gif) repeat-x left bottom; }
	.date { font-size: .84em; margin: 0 0 3px; }
	.produit{width: 600px;text-align: left}
	.produit img{ float: left ; margin: 0 10px 10px 0}
	.produitcentre{width: 600px;text-align: center}
	.produitcentre img{ margin-left: auto; margin-right: auto }
	.centre{width: 650px; margin: auto;}
	.centre img{ margin-left: auto; margin-right: auto }
	
.bouton2{
font-size:100%; 
color: #ffffff;
font-weight: bold;
padding:10px;
border:3px solid #3e2c2f;
border-radius:5px;
background-color: #615254;
box-shadow:1px 1px 1px #000000;
cursor:pointer;
font-weight:bold;
}

.bouton1{
font-size:100%; 
color: #ffffff;
font-weight: bold;
padding:10px;
border:3px solid #3e2c2f;
border-radius:5px;
background-color: #1122ba;
box-shadow:1px 1px 1px #000000;
cursor:pointer;
font-weight:bold;
}
	
div#colonne1 {
    float: left;
    width: 35%;
    margin-right: 5px; 
	margin-left: 30px;
}
div#colonne2 {
    float: right;
    width: 35%;
    margin-left: 5px;
	margin-right: 30px; 
}
div#centre {
    overflow: hidden;
}

#essai {}
#essai h1{font-size:150%;font-weight:bold; margin: 20px 0px 0px 0px;}
#essai h2{font-size:120%; font-weight:bold;text-align:left; margin: 20px 0px 5px 0px;padding:0;}
#essai h3{font-size:100%; font-weight:bold;text-align:left; margin: 20px 0px 5px 0px;padding:0;color:#000000;}
#essai p{font-size:100%; text-align:left; margin: 10px 0px 10px 0px;}


div#bloc_gauche {
    float: left;
    width: 31%; height: 700px;
    margin-right: 0px; 
	margin-left: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #FFED90;
	background: url(../images/bloc_gauche2.png) no-repeat;
}

div#bloc_droite {
    float: right;
    width: 31%; height: 700px;
    margin-left: 0px;
	margin-right: 0px; 
	padding: 5px 5px 5px 5px;
	background-color: #FFED90;
	background: url(../images/bloc_droite2.png) no-repeat;
}
div#bloc_centre {
    overflow: hidden;
	width: 310x; height: 700px;
	padding: 5px 5px 5px 5px;
	background-color: #FFF4BA;
	background: url(../images/bloc_centre2.png) no-repeat;
}
#c960 { clear: left; margin: auto; width: 96%; padding: 0px 0px 0px 0px ;  }
#c500border { clear: left; margin-top:20px;width: 500px; padding: 0px 0px 0px 0px ;   
border-width:2px;  border-style:solid;  border-color:black;}
div#casegauche {
    float: left;
    width: 48%; 
	height: 50%;
    margin-right: 0px; 
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	text-align:center;
}
#casegauche span { margin-top:70px; margin-bottom:auto;margin-left:30px; margin-right:30px; display:inline-block; line-height:normal; text-align:center;}
div#casedroite {
    float: right;
    width: 48%; height: 50%;
    margin-right: 0px; 
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	text-align:center;
}
#casedroite span { margin-top:70px; margin-bottom:auto;margin-left:30px; margin-right:30px; display:inline-block; line-height:normal; text-align:center;}


div#vertical_band 	{float: right; width: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff; }
	.blank{height: 300px; overflow: hidden;}

	.advice {clear: both; font-size: 0.8em; overflow: hidden;margin: 80px 5px 80px 5px;}
	.advice img { clear: left; margin-left: auto; margin-right: auto; padding: 3px; }
	.advice p { font-size: 1.5em;font-style: italic;text-align:center;}

	.case {clear: both; font-size: 0.8em; overflow: hidden;margin: 5px 5px 5px 5px;}
	.case img { float: left; clear: left; margin: 0 10px 10px 0; background: #121212; padding: 3px; }
	.case a, .article a { color: #8A4824; font-weight: bold; }

	.highlight	 { border-width:1px;  border-style:solid;  border-color:black; margin: 40px 5px 40px 5px;padding: 10px 5px 10px 5px; }
	.highlight img { margin-left: auto; margin-right: auto; padding: 3px; }
	.highlight p { font-size: 1.0em; font-weight: bold; text-align:center;}

	.box	 { border-width:1px;  border-style:solid;  border-color:black; margin: 0px 5px 40px 5px;padding: 10px 5px 10px 5px; }
	.box img { margin-left: auto; margin-right: auto; padding: 0px; }
	.box p { font-size: 1.0em; font-weight: bold; text-align:center;}
	
	.secure { margin: 40px 5px 40px 5px;}

/*Pied de page */	
#pied_page { clear: both; background: url(../images/line.gif) repeat-x; padding: 20px 20px 10px; font-size: .9em; color: #8A4824;  }
	#pied_page a { color: #8A4824; margin: 0 10px 0 0; border-bottom: 1px dotted #444; padding: 0 0 1px; }
	#links { float: right; }
		#links a { margin: 0 0 0 10px; }
	#footer p { margin: 0 0 8px; }