@charset "iso-8859-1";
/* CSS Document */

/*#########################
###                     ###
###       GENERAL       ###
###                     ###
#########################*/

body{
background:url(design/bg.jpg) repeat-x #eaeaea;
}

*{
margin:0px;
}

a{
outline:none;
}

a img{
border:0;
}

p{
padding:5px;
}

/*#########################
###                     ###
###       DESIGN        ###
###                     ###
#########################*/

/*================================================================ DECO */

.deco{
background:url(design/deco.jpg) no-repeat;
background-position:top center;
width:977px;
height:375px;
margin-left:auto;
margin-right:auto;
top:0px;
}

/*================================================================ CADRE PRINCIPAL */

#cadre_principal{
width:798px;
margin-left:auto;
margin-right:auto;
position:relative;
background:url(design/fond.png) repeat-y;
margin-top:-300px;
z-index:2000;
}

#cadre_principal .haut_gauche{
background:url(design/haut_gauche.png) no-repeat;
width:13px;
height:14px;
position:absolute;
top:-13px;
left:0px;
z-index:500;
}

#cadre_principal .haut_droite{
background:url(design/haut_droite.png) no-repeat;
width:13px;
height:14px;
position:absolute;
top:-13px;
right:0px;
z-index:400;
}

#cadre_principal .haut{
background:url(design/haut.png) repeat-x;
height:14px;
width:775px;
position:absolute;
top:-13px;
left:13px;
z-index:200;
}

#cadre_principal .bas_gauche{
background:url(design/bas_gauche.jpg) no-repeat;
width:13px;
height:15px;
position:absolute;
bottom:-15px;
left:0px;
z-index:500;
}

#cadre_principal .bas_droite{
background:url(design/bas_droite.jpg) no-repeat;
width:13px;
height:15px;
position:absolute;
bottom:-15px;
right:0px;
z-index:500;
}

#cadre_principal .bas{
background:url(design/bas.jpg) repeat-x;
width:100%;
height:15px;
position:absolute;
bottom:-15px;
left:0px;
z-index:200;
}

/*================================================================ CONTENU */

#contenu{
width:760px;
margin-left:auto;
margin-right:auto;
}

/*================================================================ HEADER */

#contenu h1{
font-size:10px;
position:absolute;
z-index:100;
margin-top:15px;
}

#contenu img.logo{
position:relative;
z-index:500;
margin-top:15px;
}

p.mini_menu{
position:absolute;
right:15px;
top:-40px;
color:#e1efa7;
}

p.mini_menu a{
text-decoration:none;
color:#e1efa7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

p.mini_menu a:hover{
font-style:italic;
}

/*================================================================ MENU */

ul.menu{
list-style:none;
position:absolute;
top:-9px;
right:20px;
z-index:1000;
}

ul.menu li{
float:right;
margin-left:3px;
}

ul.menu li a{
display:block;
height:100px;
}

/*================================================================ CAPTION */

.caption{
border-top:double #3b464c 3px;
border-bottom:double #3b464c 3px;
margin-top:20px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:40px;
position:relative;
z-index:5000;
}

.caption .caption_in{
background-color:#3b464c;
position:relative;
color:#c1cdd4;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:30px;
font-size:18px;
padding-left:5px;
padding-right:5px;
}

.caption .caption_in img.caption_haut_gauche{
position:absolute;
top:0px;
left:0px;
}

.caption .caption_in img.caption_haut_droite{
position:absolute;
top:0px;
right:0px;
}

.caption .caption_in img.caption_bas_droite{
position:absolute;
bottom:0px;
right:0px;
}

*+html .caption .caption_in img.caption_bas_droite{
position:absolute;
bottom:5px;
right:0px;
}

.caption .caption_in img.caption_bas_gauche{
position:absolute;
bottom:0px;
left:0px;
}

*+html .caption .caption_in img.caption_bas_gauche{
position:absolute;
bottom:5px;
left:0px;
}

.caption .caption_in img.caption_bulle{
position:absolute;
bottom:-25px;
right:90px;
}

*+html .caption .caption_in img.caption_bulle{
position:absolute;
bottom:-20px;
right:90px;
}

/*================================================================ RUBRIQUES */

#contenu img.h2{
margin-bottom:10px;
}

#contenu img.portfolio{
border:5px solid #3b464c;
margin-bottom:10px;
}

#contenu .portfolio{
float:left;
width:470px;
margin-bottom:40px;
}


#contenu .extras{
float:right;
width:255px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b464c;
}

#contenu .extras .news{
background-color:#e7e7e7;
margin-bottom:10px;
padding:3px;
}

#contenu .extras .news{
min-height:115px;
}

#contenu .extras a{
text-decoration:underline;
color:#7d9c03;
}

#contenu .extras a:hover{
text-decoration:none;
}

/*================================================================== cadre defilant actualité */

#vmarquee{
position: absolute;
}

#vmarquee p{
margin-bottom:10px;
}

#marqueecontainer{
position:relative;
overflow: hidden;
background-color:#e7e7e7;
margin-bottom:10px;
height:290px;
border-bottom:5px solid #e7e7e7;
border-top:5px solid #e7e7e7;
}

/*================================================================ BANNIERE DU BAS */

.ban{
background:url(design/ban.jpg) repeat-x #2a3236;
clear:both;
position:relative;
margin-top:0px;
margin-right:auto;
margin-left:auto;
width:790px;
height:180px;
padding-top:10px;
}

.ban #premier_ban{
margin-left:25px;
}

.ban .ban_in{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:15px;
padding-right:20px;
float:left;
width:115px;
position:relative;
}

.ban .ban_in ul{
list-style:none;
margin-left:-40px;
}

*+html .ban .ban_in ul{
list-style:none;
margin-left:0px;
}

.ban .ban_in ul a{
color:#FFFFFF;
text-decoration:none;
}

.ban .ban_in ul a:hover{
font-weight:bold;
}

.ban .ban_in h3{
margin-bottom:15px;
}

.ban .ban_in img.barre{
position:absolute;
right:-5px;
top:0px;
}

/*================================================================ COPYRIGHT */

.copyright{
width:798px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:10px;
color:#7f7f7f;
}

.copyright a{
color:#823565;
}

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

/*#########################
###                     ###
###      RUBRIQUES      ###
###                     ###
#########################*/

/*================================================================ RUBRIQUES */

#contenu h2{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
color:#3b464c;
}

#contenu .rubrique{
float:left;
width:470px;
margin-bottom:20px;
color:#3b464c;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:40px;
}

#contenu .rubrique p.sous-titre{
font-weight:bold;
}

#contenu .rubrique a{
text-decoration:underline;
color:#7d9c03;
font-weight:bold;
}

#contenu .rubrique a:hover{
text-decoration:none;
}

#contenu .extras .sous_menu{
background-color:#e2e2e2;
margin-bottom:10px;
padding:3px;
padding-top:10px;
padding-bottom:10px;
font-size:13px;
border:1px solid #d2d2d2;
}

#contenu .extras .sous_menu ul li{
margin:5px;
}

#contenu .extras .sous_menu a{
text-decoration:none;
color:#3b464c;
width:200px;
display:block;
}

#contenu .extras .sous_menu a:hover{
text-decoration:underline;
font-weight:bold;
}

#contenu .extras .sous_menu ul{
list-style-image:url(design/puce.gif);
margin-left:-15px;
}

*+html #contenu .extras .sous_menu ul{
margin-left:25px;
}

.ban_secondaire{
background:url(design/ban.jpg) repeat-x #2a3236 bottom;
clear:both;
position:relative;
margin-top:20px;
margin-right:auto;
margin-left:auto;
width:790px;
height:40px;
padding-top:10px;
}


/*#########################
###                     ###
###     REFERENCES      ###
###                     ###
#########################*/

.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
	margin-bottom:20px;
	margin-top:5px;
}


.imgteasercorrection{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:5px;
}

*+html .imgteaser {
	margin-bottom:0px;
	margin-top:5px;
}

.imgteaser p.titre{
font-size:18px;
font-weight:bold;
margin-bottom:15px;
margin-top:15px;
}

.imgteaser p.titre span{
background-color:#3b464c;
padding:5px;
padding-right:60px;
padding-left:10px;
margin-right:20px;
color:white;
}


.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 2px;
	background: #fff;
	border: 5px solid #3b464c;
}

*+html .imgteaser a img {
width:455px;
}

.imgteaser a .more {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}

*+html .imgteaser a .more {
	right: 10px;
	bottom: 25px;
}

*+html .imgteasercorrection a .more {
	right: 10px;
	bottom: 10px;
}


.imgteaser a:hover .desc{
	display: block;
	font-size: 1em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 2px;
	padding: 10px;
	margin: 0;
	width: 470px;
	border-top: 1px solid #999;
}

*+html .imgteaser a:hover .desc{
	bottom: 20px;
}

*+html .imgteasercorrection a:hover .desc{
	bottom: 0px;
}

.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}