@charset "UTF-8";

body
{
	margin :			0px;
	padding:			0px;
	font-family :	Arial, Verdana;
	text-align :	center;

	background-color: white ;
	margin:				auto;

	
	background-image:url(../images/layout01/fond-repeat-neige.jpg);
	
}

.BODY
{
	width: 100% ;
	text-align:center;	
	margin:				auto;
}

a
{
	color: blue;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	
	
}
a:hover
{
	color: red;
/*	text-decoration: underline overline; */
	background-image:url(../images/layout02/a_under-trans.png);
}

/* CSS relatif au placement des différents bloc de la page */

.layout
{
	border : 0px ;
	margin : 0px ;
	padding: 0px ;
	width	: 100% ;
	table-layout: fixed ;
}

.layout .layoutTop
{
	height: 100px ;
	text-align: center ;
}

.layout .left_menu
{
	width : 180px ;
	text-align: center ;
	vertical-align : top ;
	padding : 0px ;
	
/*	background : url(../images/layout01/fleur-montante.png) right top repeat-y;
	*/
}

.layout .left_menu .menu_sous_images
{
	width : 180px;
}

.layout .left_menu .titre
{
	width :						180px ;
	
/* LAYOUT 01 */
/*
	margin-left :			2px;
	margin-top :			20px;
	text-align :			center ;
	padding :					1px ;
	border :					black solid 1px;
	border-bottom :		0px;
	font-weight	:			bold;
	background-color:	#6495ED; 
	color :						#FFFFFF;
*/

/* LAYOUT 02 */
	margin-top :			20px;
	text-align :			center ;
	border-top :			black solid 3px;
	border-left :			black solid 1px;
	font-weight	:			bold;
	margin-left :		2px;
}

.layout .left_menu .bloc
{
/* LAYOUT 01 */
/*
	width :						174px;
	margin-left :			2px;
	text-align :			left;
	padding-top :			8px;
	padding-bottom :	8px;
	padding-left :		2px;
	border :					black solid 1px;
	background-color:	#FFF8DC; 
*/

/* LAYOUT 02 */
	width :						180px;
	text-align :			left;
	padding-top :			8px;
	padding-bottom :	8px;
	margin-left :		2px;
	
	border-left :			black solid 1px;
}

.layout .left_menu .bloc p
{
	margin :					0px;
	padding-left :		30px;
	background :			url(../images/layout02/menu-left-indicateur-trans.png) left no-repeat;
}


.layout .left_menu .bottom
{
	background :			url(../images/layout02/menu-left-bottom-trans.png);
	border-top :			black solid 3px;
	margin-top :			15px;
	width:						204px;
	height:						70px;
}



.layout .right_menu
{
	text-align: center ;
	vertical-align : top ;
	width : 180px ;
	padding : 0px ;
}

.layout .layoutMiddle
{
	text-align: left ;
	vertical-align : top ;
	padding : 3px ;
	padding-bottom:50px;
}

.layout .layoutBottom
{
	text-align: center ;
	font-size: small ;
	padding:5px ;
}

.layout .layoutBottom .bottom
{
	background-color: black ;
	color : white ;
	text-align: center ;
	font-size: 12px ;
	padding:5px ;
}
/* FIN : CSS relatif au placement des différents bloc de la page */

.blocAdmin
{
	margin:30px;
	padding:20px;
	text-align:center;
	border:solid 1px black;

	/* Arrondi des coins uniquement sur Mozila */
	-moz-border-radius-bottomleft:25px;
	-moz-border-radius-bottomright:25px;
	-moz-border-radius-topleft:25px;
	-moz-border-radius-topright:25px;
}

/* CSS relatif aux bloc d'affichage AJAX */

.blocAjax-Chargement
{
	margin:100px;
	padding:50px;
	font-size:32px;
	text-align:center;
	background-color:#FAFAFA;
	padding:3px;
	border: 1px #000000 solid;
}

.blocAjax-Dessus1
{
	display								: none;
	position							: absolute;
	margin								: auto;
	right									: 100px;
	left									: 250px;
	margin-top						: 0px;
	padding								: 20px;

	background-color			: white;
	border								: 1px solid black;
	background						: white;

}

.blocAjax-Dessus1 .blocAjaxTitre
{
	text-align:center;
	margin:auto;
	margin:-20px;
	margin-bottom:20px; 
	padding:10px;
	
	background-color			: #FFDABA;
	border-bottom					: 1px solid black;
	
	color									: white;
	font-variant					: small-caps;
}

.blocAjax-Dessus1 .blocAjaxTitre .croix
{
	position							: absolute;
	right									: 0px;
	
	margin-top						: -11px;
	margin-right					: -1px;
	
	padding								: 3px;
	
	font-size							: 15pt;
	font-weight						: bold;
	
	background-color			: #D3D3D3;
	border								: 1px solid black;
	
	cursor								: pointer;
	
	font-variant					: small-caps;
}

/* Infos bulles */
.infos_bulles-cadre
{
	position						: absolute;
	padding							: 3px;

	border							: 1px solid black;
	background-color		: white;
	color								: black;
}

.infos_bulles-ombre
{
	position						: absolute;
	padding							: 3px;

	border							: 1px solid black;
	background-color		: black;
}




.bantop
{
	background-color: black;
	width: 100%;
	height : 130px;
	
	min-width: 877px;
}

.bantop-left
{
	background:url(../images/layout02/bantop-left.jpg) top left;
	height : 120px;
	width  : 296px;
	
	margin:5px;
	
	float:left;
}

.bantop-right
{
	background:url(../images/layout02/bantop-right.jpg) top right;
	height : 120px;
	width  : 561px;
	
	margin:5px;
	
	float:right;
}

.bantop-titre
{
	color:white;
	
	font-family:"Comic sans MS";
	font-weight:bold;
	font-size:16pt;

	position:absolute;
	text-align:left;
	left : 30px;
	right: 30px;
	
	background:url(../images/layout02/bantop-titre-div-trans.png) top left no-repeat;
	
	margin-top:15px;
	padding-top:70px;
	padding-left:320px;
	height:120px;
	
}