body
{
	background:#100c10 url(pict/bgd-accueil-2.jpg) no-repeat 0% 0%;
}

a{
	outline:none;
}

#cont1
{
	width:80%;
	float:left;
	color:#aaaaaa;
	font-family:trebuchet ms;
}

#contenu
{
	
	margin-left:auto;
	margin-right:auto;
	padding-left:150px;
}

#cont2
{
	width:20%;
	height:200px;
	
	float:left;
}

#cont-menu
{
	color:#999999;
	font-family:trebuchet ms;
	font-size:16px !important;
	margin-top:240px;
	background:url(pict/bgd-menu.jpg) no-repeat;
	height:283px;
	padding-top:30px;
	padding-left:35px;
}

.bouton
{
	text-decoration:none;
	color:#999999;
}

.bouton:hover
{
	font-weight:bold;
	color:#ffffff;
}


#bt1
{
	background:url(pict/trait_rouge.gif) no-repeat 0% 100%;
	height:25px;
}
#bt2
{
	background:url(pict/trait_rouge.gif) no-repeat 0% 100%;
	height:25px;
	margin-left:10px;
}
#bt3
{
	background:url(pict/trait_rouge.gif) no-repeat 0% 100%;
	height:25px;
	margin-left:20px;
}
#bt4
{
	background:url(pict/trait_rouge.gif) no-repeat 0% 100%;
	height:25px;
	margin-left:30px;
}
#bt5
{
	background:url(pict/trait_rouge.gif) no-repeat 0% 100%;
	height:25px;
	margin-left:30px;
}
#bt6
{
	background:url(pict/trait_rouge.gif) no-repeat 0% 100%;
	height:25px;
	margin-left:20px;
}
#bt7
{
	background:url(pict/trait_rouge.gif) no-repeat 0% 100%;
	height:25px;
	margin-left:10px;
}
#bt8
{
	background:url(pict/trait_rouge.gif) no-repeat 0% 100%;
	height:25px;
}

/*--------------------------------------------------------------------*/

#logo-h
{
	position:absolute;
	width:781px;
	height:279px;
	background:url(pict/entete.jpg);
	top:260px;
	left:85px;
}

#slogan-accueil
{
	color:#dddddd;
	font-family:trebuchet ms;
	font-size:18px;
	text-align:left;
	margin-top:30px;
}

/*--------------------------------------------------------------------*/

h1
{
	font-size:30px;
	float:left;
	font-style:italic;
	color:#990000;
}

.accroche
{
	color:#eeeeee;
}

h4
{
	font-size:12px;
	color:#666666;
}


p
{
	font-size:22px;
}

.petit
{
	font-size:10px;
}

.spacer
{
	clear:both;
}

/*--------------------------------------------------------------------*/

#hidden
{
	display:none;
	height:779px;
	background:url(pict/vertical.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
}

/*--------------------------------------------------------------------*/

.cntc
{
	border:solid 1px #ffffff;
	margin-bottom:5px;
}

.cntc:hover
{
	border:solid 1px #ff3333;
}

/*--------------------------------------------------------------------*/

#contact-cont-left
{

	float:left;
	text-align:right;
	line-height:24px;
	width:200px;
}

#contact-cont-right
{

	text-align:left;
	
}

.champ
{
	background:#666666;
	border:solid 1px #aaaaaa;
	padding:2px;
	margin-left:10px;	
	margin-bottom:2px;
}

.champ:hover
{
	background:#999999;
}

#bt-envoyer
{
	display:block;
	width:140px;
	height:30px;
	background:url(pict/envoyer.gif);
	margin-top:30px;
	
}

#bt-envoyer:hover
{
	background-position:140px 0px;
}

#photo
{
	border:solid 1px #992222;
}

/*-------------------------------------------------------------------------------------*/

.actu-mini
{
	float:left;
	border:solid 2px #992222;
	margin-right:5px;
}

.actu-mini2
{
	float:right;
	border:solid 2px #992222;
	margin-left:5px;
}

.actu-titre
{
	text-align:center;
	background:#992222;
	color:#000000;
	font-size:20px;
	font-weight:bold;
}

#cont-actu
{
	border:solid 2px #992222;
	padding:2px;
	text-align:justify;
	margin-bottom:20px;
}

.actu-suite
{
	text-align:right;
}

#cont-actu a
{
	text-decoration:none;
	color:#aaaaaa;
}

.actu-liens
{
	text-decoration:underline !important;
	color:#992222 !important;
	margin-left:50px;
	
}

.actu-liens:hover
{
	color:#ff3333 !important;
}


.actu-retour
{
	display:block;
	width:140px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background:url(pict/retour.gif);
}

.actu-retour:hover
{
	background-position:140px 0px;
}

/*--------------------------------------------------------------------------------*/

.lien-web
{
	border:solid 2px #000000;
}
.lien-web:hover
{
	border:solid 2px #999999;
}

.lien-gene
{
	border:solid 2px #eeeeee;
}
.lien-gene:hover
{
	border:solid 2px #992222;
}

/*--------------------------------------------------------------------------------*/

#id-01
{
	display:block;
	width:160px;
	height:92px;
	background:url(identite-visuelle/mini/mini04.jpg); 
	border:solid 2px #ffffff;
	margin-left:52%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#id-01:hover
{
	background-position:100% 0%;
}

#id-02
{
	display:block;
	width:200px;
	height:100px;
	background:url(identite-visuelle/mini/mini02.jpg); 
	border:solid 2px #ffffff;
	margin-left:45%;
	margin-bottom:20px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
}
#id-02:hover
{
	background-position:100% 0%;
}

#id-03
{
	display:block;
	width:160px;
	height:99px;
	background:url(identite-visuelle/mini/mini03.jpg); 
	border:solid 2px #ffffff;
	margin-left:50%;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	margin-bottom:20px;
}
#id-03:hover
{
	background-position:100% 0%;
}

/*------------------*/

#ed-01
{
	display:block;
	width:160px;
	height:114px;
	background:url(edition/mini/mini01.jpg); 
	border:solid 2px #ffffff;
	margin-left:40%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#ed-01:hover
{
	background-position:100% 0%;
}

#ed-02
{
	display:block;
	width:160px;
	height:126px;
	background:url(edition/mini/mini02.jpg); 
	border:solid 2px #ffffff;
	margin-left:43%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#ed-02:hover
{
	background-position:100% 0%;
}

#ed-03
{
	display:block;
	width:160px;
	height:104px;
	background:url(edition/mini/mini03.jpg); 
	border:solid 2px #ffffff;
	margin-left:46%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#ed-03:hover
{
	background-position:100% 0%;
}

#ed-04
{
	display:block;
	width:160px;
	height:115px;
	background:url(edition/mini/mini04.jpg); 
	border:solid 2px #ffffff;
	margin-left:43%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#ed-04:hover
{
	background-position:100% 0%;
}

/*----------------------*/

#cons-01
{
	display:block;
	width:160px;
	height:90px;
	background:url(conseils/mini/mini01.jpg); 
	border:solid 2px #ffffff;
	margin-left:40%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#cons-01:hover
{
	background-position:100% 0%;
}

#cons-02
{
	display:block;
	width:160px;
	height:116px;
	background:url(conseils/mini/mini02.jpg); 
	border:solid 2px #ffffff;
	margin-left:43%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#cons-02:hover
{
	background-position:100% 0%;
}

#cons-03
{
	display:block;
	width:160px;
	height:114px;
	background:url(conseils/mini/mini03.jpg); 
	border:solid 2px #ffffff;
	margin-left:46%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#cons-03:hover
{
	background-position:100% 0%;
}

#cons-04
{
	display:block;
	width:160px;
	height:105px;
	background:url(conseils/mini/mini04.jpg); 
	border:solid 2px #ffffff;
	margin-left:43%;
	margin-bottom:20px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#cons-04:hover
{
	background-position:100% 0%;
}


/*----------------------------*/

#web-01
{
	display:block;
	width:140px;
	height:106px;
	background:url(sites-internet/mini01.jpg); 
	border:solid 2px #ffffff;
	margin-left:40%;
	margin-bottom:5px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#web-01:hover
{
	background-position:100% 0%;
}

#web-02
{
	display:block;
	width:150px;
	height:114px;
	background:url(sites-internet/mini02.jpg); 
	border:solid 2px #ffffff;
	margin-left:46%;
	margin-bottom:5px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#web-02:hover
{
	background-position:100% 0%;
}

#web-03
{
	display:block;
	width:140px;
	height:103px;
	background:url(sites-internet/mini03.jpg); 
	border:solid 2px #ffffff;
	margin-left:48%;
	margin-bottom:5px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#web-03:hover
{
	background-position:100% 0%;
}

#web-04
{
	display:block;
	width:140px;
	height:112px;
	background:url(sites-internet/mini04.jpg); 
	border:solid 2px #ffffff;
	margin-left:49%;
	margin-bottom:5px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#web-04:hover
{
	background-position:100% 0%;
}

#web-05
{
	display:block;
	width:160px;
	height:133px;
	background:url(sites-internet/mini05.jpg); 
	border:solid 2px #ffffff;
	margin-left:48%;
	margin-bottom:5px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#web-05:hover
{
	background-position:100% 0%;
}

#web-06
{
	display:block;
	width:140px;
	height:105px;
	background:url(sites-internet/mini06.jpg); 
	border:solid 2px #ffffff;
	margin-left:46%;
	margin-bottom:5px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#web-06:hover
{
	background-position:100% 0%;
}

#web-07
{
	display:block;
	width:145px;
	height:123px;
	background:url(sites-internet/mini07.jpg); 
	border:solid 2px #ffffff;
	margin-left:40%;
	margin-bottom:5px;
	top:300px;
	border-top:solid 4px #b34242;
	border-left:solid 4px #b34242;
	border-bottom:solid 4px #522a2a;
	border-right:solid 4px #522a2a;
	
}
#web-07:hover
{
	background-position:100% 0%;
}

/*----------------------------------------------------------------*/

.vignette-intro
{
	border-top:solid 4px #c1a3a3;
	border-left:solid 4px #c1a3a3;
	border-bottom:solid 4px #595869;
	border-right:solid 4px #595869;
}

/*---------------------------------------------------------------------*/

.rubrique
{

	padding:10px;
	/*border:solid 2px #5c1515;*/
	text-align:justify;
	margin-right:10px;
	/*background:url(pict/fond04.gif);*/
	position:relative;
	color:#dddddd;
}


#rubrique-top
{
	display:top;
	width:850px;
	height:156px;
	margin-left:auto;
	margin-right:auto;
	background:url(pict/rub-top.png);
}

#rubrique-bot
{
	display:top;
	width:850px;
	height:276px;
	margin-left:auto;
	margin-right:auto;
	background:url(pict/rub-bot.png);
}

#rubrique-mid
{
	
	margin-left:auto;
	margin-right:auto;
	width:850px;
	background-repeat:repeat-y;
	background:url(pict/rub-mid.png);
	text-align:center;
}

.pre-titre-rubrique
{
	background:url(pict/deg01-top-left.gif);
	float:left;
	font-size:0px !important;
	width:100px;
	height:30px;
	
	
}

.post-titre-rubrique
{
	background:url(pict/deg01-top-right.gif);
	font-size:0px !important;
	width:50px;
	height:30px;
	display:block;
	float:right;
	margin-right:11px;
		
	
}


.titre-rubrique
{
	background:url(pict/deg01.gif);
	margin-right:60px;
	font-size:20px;
	font-weight:bold;
	padding:2px;
	margin-left:100px;
	display:block;
	font-family:verdana;
	text-align:left;
	
}

.photo-gauche
{
	float:left;
	margin-right:10px;
	border:solid 2px #992222;
	
}

.photo-droite
{

	border:solid 2px #ffffff;
	border-top:solid 4px #c1a3a3;
	border-left:solid 4px #c1a3a3;
	border-bottom:solid 4px #595869;
	border-right:solid 4px #595869;
}

#rubrique-mid img
{

	border-top:solid 4px #c1a3a3;
	border-left:solid 4px #c1a3a3;
	border-bottom:solid 4px #595869;
	border-right:solid 4px #595869;
	margin-bottom:10px;

}

.cont-bt-rub
{
	width:225px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.bt-retour-rub
{
	display:block;
	width:162px;
	height:32px;
	background:url(pict/retour-2.gif);
	margin-right:10px;
	margin-top:20px;
	float:left;
}
.bt-retour-rub:hover
{
	background-position:100%;
}

.bt-suivant
{
	display:block;
	width:29px;
	height:34px;
	background:url(pict/suivant.gif);
	float:left;
	margin-top:20px;
}
.bt-suivant:hover
{
	background-position:100%;
}

.bt-precedent
{
	display:block;
	width:29px;
	height:34px;
	background:url(pict/precedent.gif);
	float:left;
	margin-top:20px;
	margin-right:30px;
}
.bt-precedent:hover
{
	background-position:100%;
}

.btrh
{
	position:relative;
	left:740px;
	top:55px;
}

.btrb
{
	position:relative;
	left:28px;
	top:32px;
}

#cont-rea
{
	text-align:center;
}

.fbt
{
	width:200px;
	border:solid 2px #aaaaaa;
	background:#666666;
	padding:2px;
}

.fbt:hover
{
	background:#aa3333;
}

.cont-com1
{
	margin-left:20px;
	margin-right:20px;
	border:solid 2px #999999;
	background:#666666;
	padding:10px;
	margin-bottom:5px;
	color:#000000;
}
.cont-com2
{
	margin-left:20px;
	margin-right:20px;
	border:solid 2px #999999;
	background:#888888;
	padding:10px;
	margin-bottom:5px;
	color:#000000;
}

.com-pseudo
{
	padding:2px;
	background:#883333;
	margin-left:20px;
	border:solid 2px #000000;
}






#web img{
	float:left;
}

#web a img{
	border:solid 2px #ffffff;
}

#web a img:hover{
	border:solid 2px #db1e24;
}

#web .droite{
	float:left;
	padding-left:20px;
	width:400px;
}

#web h6{
	margin:0px;
	color:#db1e24;
}

#web h5{
	margin:0px;
	color:#db1e24;
}

#web p{
	font-size:12px !important;
}