@charset "utf-8";

html,body
{
	margin:0px;
	font-size:medium;
/*	font-size:12pt; */
}

html        {overflow:scroll;}

.red        {background-color:red;}
.center     {text-align:center;}

/* CSS pour la mise en page : Début */

.link_js {cursor:pointer;}
.disp_none, .hide, .hidden {display:none;}
.both  {clear:both;}
.left  {float:left;}
.right {float:right;}

.afaire {background-color:#90EE90;}

a
{
	text-decoration:none;
}
a img
{
	border:0px;
}
a:hover
{
	border-bottom:1px dotted black;
}

#top
{
	padding:5px;
	margin:auto;
	width:990px;
	height:120px;
	
	background:url(../images/bandeaux-rotatifs/bandeau5.png) no-repeat center center black;
}
#top #top_titre
{
	position:absolute;
	background:url(../images/images/bantop-titre-div-trans.png) no-repeat left top;
	width:900px;
	top:0px;
	height:100px;
	
	margin-left:50px;
	margin-top:20px;
}
#top #top_titre h1
{
	color:#FFFFE8;
	text-align:left;

	padding-top:40px;
	padding-left:300px;
}
#top #background_left
{
	float:left;
	background:url(../images/bantop-left.jpg) no-repeat left top;
	width:296px;
	height:120px;
}
#top #background_right
{
	float:right;
	background:url(../images/bantop-right.jpg) no-repeat left top;
	width:561px;
	height:120px;
}

#corp
{
	margin:auto;
	width:1000px;
}
#corp #menu_gauche
{
	float:left;
	width:200px;
}
#corp #contenu
{
	float:left;
	width:800px;
}

#bottom
{
	clear:both;
	width:1000px;
	margin:auto;
	padding-top:30px;
	text-align:center;
}

.msg_err
{
	margin:40px;
	margin:auto;
	padding:20px;
	background-color:rgb(255,64,48);
	color:white;
	font-weight:bold;
	border:black 3px solid;
	text-align:center;
	font-size:15pt;
}

.choix_page
{
	text-align:center;
	border:1px rgb(32,64,127) solid;
	background-color:rgb(240,224,127);
	padding:10px;
	font-weight:bold;
}
.choix_page a
{
	color:rgb(0,0,127);
	margin:5px;
}

.choix_page span
{
	color:red;
	margin:5px;
}

/* CSS pour la mise en page : Fin */

/* CSS pour la mise en page du MENU_GAUCHE : Début */

#corp #menu_gauche .navigation
{
	border-left:black 1px solid;
}

#corp #menu_gauche .navigation .titre
{
	background-color:black;
	color:white;
	font-weight:bold;
	font-size:14pt;
	text-align:center;
	margin-top:10px;
}

.liens
{
	list-style: none inside;
	padding:0px;
}
.liens li
{
	background:url(../images/menu-left-indicateur-trans.png) no-repeat left center;
	padding-left:30px;
}


/* CSS pour la mise en page du MENU_GAUCHE : Fin */

/* CSS pour les News : Début */
#news
{
}

#news .bloc
{
	background-color:transparent;
	border:1px solid black;
	margin-top:10px;
}
#news .bloc .titre
{
	background-color:#F0F0F0;
	border-bottom:1px solid black;
	padding:5px;
	color:blue;
	font-weight:bold;
	font-size:12pt;
	margin:0px;
}
#news .bloc .infos
{
	padding:3px;
	padding-left:10px;
	font-size:10pt;
	color:red;
	border-bottom:1px dotted black;
}
#news .bloc .infos a
{
	color:red;
}
#news .bloc .message
{
	background-color:transparent;
	padding:5px;
	text-align:justify;
}

#news .bloc .bottom
{
	border-top:1px dotted black;
	text-align:right;
	padding:2px;
	margin-top:4px;
}

#news .img_vignette
{
	margin:20px;
	margin-top:0px;
	text-align:center;
	width:200px;
}
#news .img_vignette img
{
	border:red 2px dotted;
}
/* CSS pour les News : Fin */




/* CSS pour la galerie : Début */

#galerie
{
	margin-left:60px;
}
#galerie .bloc_choix
{
	margin:5px;
	width:300px;
}
#galerie .bloc_choix .titre
{
	font-size:12pt;
	font-weight:bold;
	margin-bottom:5px;
	background-color:rgb(255,240,224);
	border-top:rgb(255,160,0) solid 2px;
	border-bottom:rgb(255,160,0) solid 2px;
}
#galerie .bloc_choix .dates
{
	font-size:10pt;
	font-weight:bold;
}
#galerie .bloc
{
	float:left;
	margin:15px;
/*	border:1px black solid; */
	text-align:center;
	min-height:200px;
	width:200px;
}
#galerie .bloc img
{
	border:2px black solid;
	margin:0px;
}
#galerie .bloc .message
{
	margin:0px;
	margin-top:-4px;
	background-color:#E0E0E0;
	padding:2px;
	overflow:hidden;
	width:200px;
	height:13pt;
}

#galerie .bloc .commentaire
{
	margin:0px;
	float:right;
	padding:2px;
	font-size:9pt;
}

#galerie .bloc .formats
{
	margin:0px;
	float:left;
	padding:2px;
	font-size:8pt;
	font-variant: small-caps;
}


/* CSS pour la galerie : Fin */






/* CSS pour l'infos bulle : Début */

.infos_bulles-cadre
{
	background-color:#FEFEE2;
	color:black;
	padding:3px;
	border:1px solid black;
	display:none;
}
.infos_bulles-ombre
{
	padding:3px;
	border:1px solid #303030;
	background-color:#370028;
	color:#370028;
	display:none;
}

/* CSS pour l'infos bulle : Fin */











.identification
{
	width:500px;
	margin:auto;
	margin-top:50px;
}

.bloc_formulaire_temp
{
	background-color:white;
	padding:10px;
	border:2px solid black;
	text-align:center;
}

.box
{
	position:absolute;
	left:0px;
	top:0px;
	background-color:white;
	width: 700px;
	padding: 10px;
	border:1px solid black;
}

.admin
{
	background-color:#CCCCCC;
	margin:5px;
	border:1px black solid;
	float:left;
}

.admin .titre
{
	background-color:black;
	color:white;
	margin:0px;
	font-weight:bold;
}


#commentaire .bloc
{
	background-color:#EFCCBB;
	margin-bottom:4px;
	padding:3px;
	border-left:solid 3px black;
}

#commentaire .bloc .infos
{
	color: black;
	font-size:10pt;
	border-bottom:dotted 1px black;
	margin-right:50px;
}

.close_box
{
	background-color:black;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.close_box a
{
	color:white;
	font-weight:bold;
	font-variant:small-caps;
	font-size:14pt;
}




.message .note .titre
{
	display:block;
	background: transparent !important;
	font-variant: small-caps;
	color:red !important;
	border-bottom:1px dashed black !important;
	margin-bottom:5px;
}

.message .note
{
	display:block;
	border:#D96D6D 2px solid;
	background:#FFEFEF url(../images/icones/monsieur_patate-trans.png) top left no-repeat;
	
	padding-top:20px;
	padding-left:150px;
	padding-right:20px;
	text-align:justify;
	
	margin-left:30px;
	margin-right:30px;

	min-height: 100px;
}

.message h3
{
	color:#52528E;
	border-bottom:#52528E solid 4px;
	margin-top:20px;
	padding-bottom:0px;
}






.galerie_icone_video
{
	position:absolute;
	width:200px;
	height:150px;
		
	background:url(../images/icones/video-trans.png) no-repeat bottom right;
}


.table_style_black table th
{
	background-color:black;
	color:white;
	text-align:center;
	font-weight:bold;
}
.table_style_black table td
{
	background-color:#FFFFCC;
	color:black;
	text-align:center;
}
.table_style_black table tfoot td
{
	background-color:black;
	color:white;
	text-align:center;
	font-weight:bold;
}


.table_style_light table tbody .tr1 td
{
	background-color:#FFFFCC;
}

.table_style_light table tbody .tr2 td
{
	background-color:#FFDDAA;
}



.table_form_style_black table th
{
	background-color:black;
	color:white;
	padding-right:5px;
	text-align:right;
	font-weight:bold;
}
.table_form_style_black table td
{
	padding-left:5px;
	background-color:#FFFFCC;
	color:black;
	text-align:left;
}




.page_comptes table thead
{
	text-align:center;
}

.page_comptes table tfoot
{
	text-align:center;
}

.page_comptes table tbody .date
{
	text-align:center;
}

.page_comptes table tbody .somme
{
	text-align:right;
	padding-right:10px;
}

.page_comptes table tbody .negatif
{
	color:red;
}

.page_comptes table tbody .comm
{
	text-align:left;
	padding-left:5px;
}

#image_rotative
{
	background-color:transparent;
	background-image:url(images/images_rotatives/yuffie-trans.png);
	background-repeat:no-repeat;
	height:303px;
	width:220px;
	position:absolute;
	border-left:5px black solid;
}
