body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-color:#000000;
	background-color:#464646;
	text-align:center;
	margin-top: 4%;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
}

.global {
	position:relative;
	width:850px;
	height:900px;
	margin:0 auto;
	text-align:center;
}

/*** Bannière ***/

.header {
	clear:none;
	width:870px;
	height:100px;
	text-align:center;
	color:#CC0000;
	background-image: url(../Images/CadreHautblackB.jpg);
	background-repeat: no-repeat;
}

/*** Milieu ***/

.centre {
	clear:both;
	width:870px;
	height:650px;
	color:#000000;
	text-align:left;
	background-image: url(../Images/CadreCentreCBlackB.jpg);
	background-repeat: repeat-y;
}

/*** Milieu gauche : Menu ***/

.menu {
	float:left;
	width:140px;
	height:380px;
	margin-left:12px;
	margin-top:0px;
}

.home {
	width:90px;
	height:15px;
	margin-left:27px;
	margin-top:0px;
}

.home a {
	color:#606060;
	font-size:12px;
}

.home a:hover {
	color:#CC0044;
	font-size:12px;
}

.menu table {
	width:145px;
	margin-left:0px;
	margin-top:10px;
	text-align:left;
	border-style:none;
}

.menu table a {
	text-decoration:none;
}

.imgvolant {
	width:13px;
	height:16px;
	background-image: url(../Images/volant.gif);
	background-repeat: no-repeat;
}

.lien {
	background:#e8e9ea;
	border:1px solid #b0b0b0;
	color:#606060;
	display:block;
	position:relative;
	margin-top:6px;
	padding:2px;
	font-size:12px;
}

.lien:hover,.active {
	background:#f8f9fa;
	border:1px solid #cc0000;
	color:#CC0044;
	font-size:12px;
}

.blog {
	float:left;
	width:48px;
	height:28px;
	margin-left:13px;
	margin-top:35px;
	border: 1px solid #b0b0b0;
}

/*** Milieu droit ***/

.principal {
	float:left;
	width:655px;
	height:600px;
	margin-top:10px;
	margin-left:15px;
	margin-right:0px;
	background-color:#FFFFFF;
}

/*** Milieu droit : colonne gauche plus large que colonne de droite ***/

.prin_gauche {
	float:left;
	width:465px;
	height:480px;
	padding:10px;
}

.bandeau {
	width:470px;
	height:0px;
	margin-top:50px;
	margin-bottom:40px;
	margin-left:5px;
	margin-right:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	font-variant: normal;
	color: #5E5C50;
}

.img_gauche {
	float:right;
	width:123px;
	height:95px;
	margin-right:15px;
	border: 1px solid #585858;
}

.prin_droite {
	float:left;
	width:125px;
	margin-left:10px;
	margin-top:10px;
	background-color:#e8e9ea;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:5px;
}

.prin_droite p {
	text-align:left;
	font-size:11px;
	margin-bottom:3px;
	margin-top:2px;
}

.img_droite {
	width:106px;
	height:80px;
	margin-bottom:5px;
	margin-left:5px;
	border: 1px solid #585858;
}

.img_droite_gd {
	width:80px;
	height:106px;
	margin-bottom:5px;
	margin-left:15px;
	border: 1px solid #585858;
}

.img_droite_bis {
	width:92px;
	height:71px;
	margin-bottom:5px;
	margin-left:5px;
	border: 1px solid #585858;
}

.img_droite_gd_bis {
	width:71px;
	height:92px;
	margin-bottom:5px;
	margin-left:15px;
	border: 1px solid #585858;
}

.boite {
	width:60px;
	height:60px;
	float:center;
	margin-bottom:5px;
	margin-left:30px;
	border: 0px;
}

.anniversaire table {
	width:115px;
	border: 1px solid #330000;
}

.anniversaire td {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color: #F8F8F8;
}

.anniversaire p {
	text-align:center;
	color: #666666;
	font-weight: bold;
}

/***   ***/

.sous_menu {
	width:105px;
	height:200px;
	margin-left:0px;
	margin-right:0px;
	margin-top:40px;
	margin-bottom:40px;
}


/*** Milieu droit : 1 colonne juste un peu plus large que l'autre ***/

.prin_gauche1 {
	float:left;
	width:400px;
	height:470px;
	padding:10px;
}

.prin_droite2 {
	float:left;
	width:180px;
	height:470px;
	padding:0px;
	margin-left:16px;
}

.img_droite_tgd {
	width:150px;
	height:200px;
	border: 1px solid #585858;
}

/*** Milieu droit : 2 colonnes plus égales (texte dans les 2 col)***/

.prin_gauchecoleg {
	float:left;
	width:290px;
	height:470px;
	padding:10px;
}

.prin_droitecoleg {
	float:left;
	width:290px;
	height:470x;
	padding:10px;
	margin-left:16px;
}

.prin_gauchecolegcrt {
	float:left;
	width:290px;
	height:120px;
	padding:10px;
}

.prin_droitecolegcrt {
	float:left;
	width:290px;
	height:120px;
	padding:10px;
	margin-left:16px;
}

.img_centre {
	width:300px;
	height:200px;
	border: 1px solid #585858;
	margin-top:150px;
	margin-left:130px;
}

/*** Milieu droit : 1 colonne ***/


.prin {
	float:left;
	width:640px;
	height:425px;
	padding:10px;
}

.prin_etr {
	float:left;
	width:490px;
	height:475px;
	padding:10px;
}


/*** Table ***/

.cadre_t {
	margin:0px;
	width:470px;
}

.cadre_t table {
	width:460px;
}

.cadre_t td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*** Table plus large ***/

.cadre_tgd {
	margin:0px;
	width:550px;
}

.cadre_tgd table {
	width:540px;
}

.cadre_tgd td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*** Table moins large ***/

.cadre_tpt {
	margin:0px;
	width:400px;
}

.cadre_tpt table {
	width:350px;
}

.cadre_tpt td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


/*** Milieu bas : derniers liens ***/

.menub {
	width:450px;
	height:20px;
	margin-left:210px;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}

.menub a {
	text-decoration:none;
}

.lienb {
	width:80px;
	height:15px;
	background:#e8e9ea;
	border:1px solid #b0b0b0;
	color:#606060;
	display:block;
	margin-left:5px;
	padding:2px 2px 2px 2px;
	text-align:center;
	position:relative;
	font-size: 12px;
}

.lienb:hover, .active {
	background:#f8f9fa;
	border:1px solid #cc0000;
	color:#CC0044;
	font-size: 12px;
}


/*** Pied-de-page ***/

.bas {
	width:870px;
	height:70px;
	color:#000000;
	text-align:center;
	margin:0px;
	background-image: url(../Images/CadreBasBlackB.jpg);
	background-repeat: no-repeat;
}

.piedp {
	width:870px;
	height:20px;
	margin:0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10.5px;
	color: #999999;
	padding-top:10px;
}

/*** Retraits ***/

.retrait {
	margin-left:20px
}

/*** Polices générales ***/

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}

a:hover{
	text-decoration: none;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CC0000;
	font-variant: small-caps;
	font-weight: bolder;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

.h2nointerligne{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
	font-weight:bold;
	font-style: italic;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5E5C50;
	text-align:left;
	font-weight: bold;
}

li{
	list-style-position: inside;
	list-style-type: square;
}

.rem {
	width:350px;
	height:30px;
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}

.remL {
	width:450px;
	height:30px;
	margin-top:250px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:justify;
}

.planniv2 {
	margin-left:15px;
}

.planniv2 li{
	list-style-position: inside;
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.plansite {
	margin-left:15px;
}

.plansite a:hover{
	text-decoration:none;
}






/*** Various classes ***/

.hide {
	display:none;
}