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

body {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/fond_corp.jpg);
	background-position:center;
	background-color:#393939;
	margin-top:0px;
	font-size:11px;
	line-height:13px;
	color:#ffffff;
}

* {
	margin:0;
	padding:0;
}
hr { color:#360015; width:50%; margin-left:auto; margin-right:auto; padding-top:2px; margin-bottom:10px; margin-top:5px;}
img {
	border: none;
	font-size:1px;
	line-height:1px
	}

ul
 {margin:4px 0 4px 10px; clear:both}
 li
  {list-style:none; background-image:url(images/liste_puce.gif); background-repeat:no-repeat; background-position: 0 4px; padding:0 0 10px 16px}
a
 {text-decoration:none}
a:hover
 {text-decoration:underline}

div
 {display:block; position:relative}

label
 {display:block; position:relative; width:120px; font-size:0.8em}

input, textarea
 {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #AAA; margin-bottom:3px; width:105px;clear:both}

/*---o Gestion des blocks contenant un float pour qu'ils descendent jusqu'en bas du float. Ex <div class="maClass clearfix">...</div> */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Caché pour IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* Fin de caché pour IE-mac */
/*---------------------------------------*/
#Cadre_general {display:block; position:relative; width:894px;  margin-left:auto; margin-right:auto; height: auto;}

/*---En tête-----------------------------*/
#En_tete {display:block; position:relative; background-image:url(../images/en_tete.jpg); background-repeat:no-repeat; width:750px; height:150px; margin-left:auto; margin-right:auto}

/*---Colonne Principale------------------*/
#Col_principale {width:100%; display:block; position:relative; padding-bottom:50px}

/*-----------Colonne Gauche--------------*/
#Col_gauche {display:block; position:relative; float:left; width:275px;}
	#Col_gauche h1 { font-family:"Times New Roman", Times, serif; font-size:1.3em; padding-left:5px; padding-bottom:5px; letter-spacing:3px; line-height:1.3em;}
	#Col_gauche label {display:block; position:relative; width:120px; font-size:0.8em;color:#a2746c; font-weight:bold;}
	#Col_gauche input.btn {width:50px; background-color:#7c1330; float:right;}
	#Col_gauche input.radio {width:10px; float:right;}
	#bloccadreH_type1 {padding-top: 20px; background: url(../images/blt1_haut.jpg) top left no-repeat;}
	#blocGcadreC_type1 { display:block; position:relative; width: 136px; background: url(../images/blt1_cent.jpg) repeat-y; margin-left:110px;}
	#bloccadreB_type1 {background: url(../images/blt1_bas.jpg) bottom left no-repeat; padding-bottom: 20px;}
	#blocGcadreC_type1 p { margin: 0 20px 0 10px;}
	
	#bloccadreH_type2 {padding-top: 20px; background: url(../images/blt2_haut.jpg) top left no-repeat;}
	#blocGcadreC_type2 { display:block; position:relative; width: 136px; background: url(../images/blt2_cent.jpg) repeat-y; margin-left:110px;}
	#bloccadreB_type2 {background: url(../images/blt2_bas.jpg) bottom left no-repeat; padding-bottom: 20px;}
	#blocGcadreC_type2 p { margin: 0 20px 0 10px;}

#Col_gauche a.bt {
	display:block;
	margin-left:110px;
	background-image:url(../images/boutonboutique.jpg);
	background-position:left;	
	width:137px;
	height:53px;}
#Col_gauche a:hover.bt {
	display:block;
	background-image:url(../images/boutonboutique.jpg);
	background-position:right;
	text-decoration:none}
/*-----------Colonne Centrale------------*/
#Col_centre {display:block; position:relative; float:left; width:344px;}
#Col_centre P{ padding-bottom:10px}
#Col_centre h1 {display:block; height:95px; width:330px; margin-left:auto; margin-right:auto; color:#FFFFFF; font-family:"Times New Roman", Times, serif; background-image:url(../images/fondtitre.jpg); background-repeat:no-repeat; padding:35px 0 0px 20px; font-size:2.2em; line-height:1em; font-weight:normal; font-style:italic}
#Col_centre h2 {display:block; height:33px; width:321px; margin-left:auto; margin-right:auto; color:#c7ab99; font-family:"Times New Roman", Times, serif; background-image:url(../images/fondtitre2.jpg); background-repeat:no-repeat; padding:8px 0 0px 10px; font-size:1.7em; line-height:1em;}
#Col_centre h2 a{color:#c7ab99; font-family:"Times New Roman", Times, serif; font-style:italic;}
#Col_centre a {color:#fff; font-style:italic; font-weight:bold;}
#Col_centre img {padding: 2px 4px 2px 0px; float:left}
#Col_centre p { text-align:justify;}


/*-----------Colonne Droite-----
---------*/
#Col_droite {display:block; position:relative; float:left; width:275px;}
	#blocDcadreC_type1 { display:block; position:relative; width: 136px; background: url(../images/blt1_cent.jpg) repeat-y; margin-left:30px;}
		#blocDcadreC_type1 p { margin: 0 20px 0 10px;}
	#blocDcadreC_type2 { display:block; position:relative; width: 136px; background: url(../images/blt2_cent.jpg) repeat-y; margin-left:30px;}
		#blocDcadreC_type2 p { margin: 0 20px 0 10px;}
#Col_droite h1 { font-family:"Times New Roman", Times, serif; font-size:1.3em; padding-left:5px; padding-bottom:5px; letter-spacing:3px; line-height:1.3em;}

/*------------Pied de page---------------*/
#Pied {display:block; position:fixed; bottom:0px; height:50px; background-color:#360015; width:100%; font-size:1.5em; padding-top:10px;}
#Pied a{color:#fff; font-family:"Arial"; font-weight:bold; font-size:0.7em; text-decoration:none;}
/*-------------Autre bloques-------------*/

			/*----------Ditto------------*/
			div.ditto_summaryPost {border-bottom:1px dotted #aaaaaa; padding-bottom:6px;  margin-bottom:10px}