body {
	font: 12px Arial;
	color: #474747;
	margin: 0px;
	padding: 0px;
	background:#d2e1ed url(../images/background.jpg) center 0 no-repeat;
	}
.bodyb{
	background:#d2e1ed url(../images/background_b.jpg) center 0 no-repeat;
}

form, hr, ul , li, h1, h2, h3, h4, p{margin:0px;padding:0px;}
a{outline:none;}
.del {clear: both;visibility: hidden;height:0;margin:0;padding:0;font-size:0;}
.clear {clear:both;display:block;height:0;margin:0;padding:0;border:0;visibility:hidden;}
*:first-child+html .clear{margin:-8px 0;} * html .clear{margin:-8px 0;}

.ligne {visibility:visible;height:1px;border:1px solid;}
.nobr { white-space: nowrap;}
.radio {border:0;}
.left {float:left;}
.right {float:right;}

#conteneur {
	position:relative;
	width:998px;
	margin:0 auto;
}

#header {
	height:175px;
}

#header img {
	border:0;
	margin:74px  0 0 69px;
}
#header .baseline {
	margin:-2px 0 0 138px;
}

/* BREADCRUMB */
#breadcrumb{
	height:49px;
	padding-left:38px;
}
#breadcrumb a{
	display:block;
	float:left;
	text-decoration:none;
	color:#e3f3fd;
	margin:19px 10px 0 10px;
}
#breadcrumb img{
	float:left;
	width:5px;
	height:7px;
	margin-top:24px;
	background: url(../images/fleches_5.gif) 5px no-repeat;
}
#breadcrumb a:hover{
	border-bottom:1px dotted;
}


/* MENU DEROULANT */
#menu_deroul{
	position:absolute;
	left:500px;
	top:70px;
	z-index:1;
	height:100px;
	background: url(../images/menu_ligne.gif) center 0 no-repeat;
}
#menu li{
	float:left;
	width:159px;
	height:67px;
	list-style:none;
	font:bold 14px Trebuchet Ms;
	margin-top:18px;
	margin-right:1px;
	cursor:pointer;
}
#menu li:hover{background-color:#fff;}
#menu li h2{
	display:inline;
	margin-left:19px;
	padding-right:20px;
	font:bold 20px Trebuchet MS;
	color:#5f5f5f;
	background: url(../images/menu_fleche.gif) right 11px no-repeat;
}
#menu li:hover h2{
	background-position:right -11px;
	color:#469cd4;
}
#menu li h3{
	margin-left:19px;
	font:normal 11px Trebuchet MS;
	color:#d0d0d0;
}
#menu li:hover h3{color:#bedaed;}

#menu  li li{
	float:none;
	margin:0px;
	padding:0;
	white-space:nowrap;
	height:27px;
	width:100%;
}
#menu  li li:hover{	background-color:transparent;}
#menu  li li:hover a{
	background:#498dbb;
	color:#fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#menu  li li a{
	display:block;
	padding:6px 0 6px 18px;
	text-decoration:none;
	font:bold 12px Arial;
	color:#468ebd;
}
#menu ul{
	padding:2px 2px;
	width:155px;
	position:absolute;
	opacity : 0;
    filter : alpha(opacity=0);
	background:#f2f2f2 url(../images/menu_background.gif) no-repeat;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}
#menu div{
	position:absolute;
	top:84px;
	overflow:hidden;
}


/* SlideShow */
#slideshow{
	position:relative;
	width:100%;
	height:333px;
}
#slide_flecheg, #slide_fleched{
	position:absolute;
	top:144px;
	height:35px;
	width:33px;
	background:url(../images/fleches_1.gif) no-repeat;
	cursor:pointer;
}
#slide_flecheg{
	left:0;
}
#slide_fleched{
	right:0;
	background-position: -17px 0;
}
#slide_flecheg:hover{background-position: 0 -35px;}
#slide_flecheg:active{background-position: 0 0;}
#slide_fleched:hover{background-position: -17px -35px;}
#slide_fleched:active{background-position: -17px 0;}

#slidesContainer{
	overflow:hidden;
	margin-left:38px;
	width:924px;
	height:330px;
}

.slide {
	margin:0 auto;  
	margin-top:18px;
	width:924x;
	height:290px;
	background:url(../images/news_cadre.png) right 7px no-repeat;
}
.slide  h2, .slide  p{
	margin-left:4px;
}
.slide  h2{
	font:bold 22px Trebuchet Ms;
	margin-top:32px;
	width:470px;
	text-shadow: 0 0 5px #0d5b71;
}
.slide h2 a{
	text-decoration:none;
	color:#faf9f9;
}
.slide h2 a:hover{color:#e4f9ff;}
.slide p{
	font:13px Arial;
	color:#f7f7f7;
	width:470px;
	margin-top:15px;
}
.slide p small{
	display:block;
	margin-top:15px;
	font-size:11px;
	color:#cff5ff;
}
.slide span, .slide span a{
	font:11px Arial;
	color:#b1e2ff;
	text-decoration:none;
}
.slide span.slide_cat{
	float:right;
	text-align:right;
}
.slide a img{
	float:right;
	width:403px;
	height:251px;
	margin-top:24px;
	margin-right:17px;
	border:0;
}

/* Encart pub et syndication */

#pubsynd{
	height:90px;
	margin:8px 0;
}
#pubsynd .pub{float:left;}

#syndic{
	float:right;
	background:url(../images/syndic_background.gif) no-repeat;
	width:259px;
	height:90px;
}
#syndic p{
	margin-left:15px;
	padding-top:10px;
	text-align:left;
	color:#474747;
	font:bold 14px Trebuchet MS;
}
#syndic ul{list-style:none;}
#DockMenu{
	text-align:left;
	margin-left:15px;
	margin-top:-2px;
}

#DockMenu img{
	border:0;
	margin-right:4px;
}


/* Content */
#content {
	border:#fff 1px solid;
	background-color:#f6f5f5;
	padding:0 14px 14px 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#p_left {
	margin-bottom:10px;
	float:left;
	width:643px;
}

#p_right {
	float:right;
	width:310px;
}

/* Articles */
.art {
	position:relative;
	border:#fff 1px solid;
	background:#fff url(../images/art_background.gif) repeat-x;
	padding:6px 10px 16px 10px;
}
.artfirst {margin-top:14px}
.art:hover{
	box-shadow: 0px 0px 10px #e2e2e2;
	-moz-box-shadow: 0px 0px 10px #e2e2e2;
	-webkit-box-shadow: 0px 0px 10px #e2e2e2;
}
.art h2 {
	padding:6px 0 10px 0;
}
.art h2 a{
	font:bold 18px Trebuchet MS;
	color:#2c2c2c;
	text-decoration:none;
}
.art h2 a:hover{color:#1a7bad;}

.art span{
	display:block;
	clear:both;
	padding:8px 0 10px 0;
	font:11px Arial;
	color:#9e9e9e;
}

.art span  a{
	text-decoration:none;
	color:#9e9e9e;
}
.art span a:hover{color:#757575;}

.art img {
	position:relative;
	border:0;
	float:left;
	width:182px;
	margin-right:14px;
	box-shadow: 0px 0px 10px #e5e5e5;
	-moz-box-shadow: 0px 0px 10px #e5e5e5;
	-webkit-box-shadow: 0px 0px 10px #e5e5e5;
}


/* Plus d'Articles */
#plusart {
	margin-top:15px;
	margin-bottom:10px;
}
#plusart h3{
	font:bold 14px Trebuchet MS;
	color:#2c2c2c;
}
#plusart ul{margin-top:10px;}
#plusart li{
	position:relative;
	float:left;
	background:#fff;
	width:204px;
	margin-left:15px;
	list-style:none;
	min-height:270px;
}
#plusart li.first{margin:0}
#plusart li:hover{
	box-shadow: 0px 0px 10px #e2e2e2;
	-moz-box-shadow: 0px 0px 10px #e2e2e2;
	-webkit-box-shadow: 0px 0px 10px #e2e2e2;
}

#plusart h2 {padding:11px;}
#plusart h2 a{
	font:bold 14px Trebuchet MS;
	color:#2c2c2c;
	text-decoration:none;
}
#plusart h2 a:hover{color:#1a7bad;}
#plusart li h2 span {
	display:block;
	overflow:hidden;
	height:60px;
	margin-bottom:8px;
	box-shadow: 0px 0px 10px #e9e9e9;
	-moz-box-shadow: 0px 0px 10px #e9e9e9;
	-webkit-box-shadow: 0px 0px 10px #e9e9e9;
}
#plusart li h2 img{
	border:0;
	width:182px;
	margin-top:-20px;
}
#plusart li p{
	font:11px Arial;
	margin:0 9px 9px 9px;
}
#plusart li .categ{
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	font:10px Arial;
	color:#9e9e9e;
	margin:0 9px 9px 9px;
}

#plusart  li .categ  a{
	text-decoration:none;
	color:#9e9e9e;
}
#plusart  li .categ a:hover{color:#757575;}


.art_all{
	float:right;
	text-decoration:none;
	font:bold 14px Trebuchet MS;
	color:#2c2c2c;
	padding-left:15px;
	background:url(../images/fleches_2.gif) 0 2px no-repeat;
}
.art_all:hover{color:#008dd7;}


/* Identification */
#identification{
	position:relative;
	background:#fff;
	margin-top:14px;
	padding:10px;
}
#identification h2{
	font:bold 18px Trebuchet MS;
	padding-bottom:5px;
	border-bottom:#bdbdbd 1px dotted;
	cursor:pointer;
}
#identification span{
	display:block;
	float:right;
	margin-top:5px;
	background:url(../images/ident_fleche.gif) no-repeat;
	width:14px;
	height:14px;
	font-size:0;
}
#identification h2:hover span{
	background-position:0 -14px;
}
#identification label{
	display:block;
	margin-top:10px;
	font:12px Arial;
	color:#474747;
}
#identification input.intext{
	border:0;
	width:282px;
	padding:6px 4px;
	font-size:12px;
	background:url(../images/ident_input.gif) top left no-repeat;
}
#identification label.check {
	float:left;
	margin-top:20px;
	margin-right:8px;
}
#identification div.identcheck {
	float:left;
	margin-top:19px;
	width:18px;
	height:17px;
	background:url(../images/ident_check.gif) no-repeat;
	background-position:0px 0px;
	cursor:pointer;
}
#identification input.insubmit{
	float:right;
	margin-top:12px;
	width:101px;
	height:29px;
	border:0;
	background:url(../images/ident_bouton.gif) no-repeat;
	font:bold 12px Arial;
	cursor:pointer;
}
#identification input.insubmit:hover{
	background-position:0 -29px;
	color:#175587;
}
#identification .listlien{margin-top:15px;}


/* IDENTIFIE et ARTICLES */
#identifie, #artconsult{
	background:#fff;
	margin-top:14px;
	padding:10px;
}
#identifie h2, #artconsult h2{
	font:bold 17px Trebuchet MS;
}
#identifie .listlien, #artconsult .listlien{margin-top:8px;}

#identifie small{
	font:bold 11px Arial;
}
#identifie span{
	display:block;
	float:right;
	margin-top:4px;
	background:url(../images/ident_eteindre.gif) no-repeat;
	width:17px;
	height:17px;
	font-size:0;
	cursor:pointer;
}
#identifie h2:hover span{
	background-position:0 -17px;
}

.listlien{
	zoom:1;
	background:#f8f8f8 url(../images/right_ombre.gif) no-repeat;
}
.listlien li{
	list-style:none;
	padding:6px 18px;
	border-top:#e6e6e6 1px dotted;
	background:url(../images/fleches_4.gif) 6px -87px no-repeat;
}
*+html .listlien li{background-position: 6px -85px;}
* html .listlien li{background-position: 6px -85px;}
.listlien li.first{
	border:0;
	padding-top:8px;
	background-position: 6px -85px;
}
*+html .listlien li.first{background-position: 6px -84px;}
* html .listlien li.first{background-position: 6px -84px;}
.listlien li a{
	display:block;
	width:100%;
	height:100%;
	font:11px Arial;
	color:#474747;
	text-decoration:none;
}
.listlien li:hover{background-position: 6px 9px;}
.listlien li.first:hover{background-position: 6px 11px;}

*+html .listlien li:hover{background-position: 6px 11px;}
*+html .listlien li.first:hover{background-position: 6px 12px;}

.listlien li a:hover{color:#1c81b4;}


/* footer */
#footer {
	height:485px;
	margin-top:30px;
	background:#235f8e url(../images/footer_background.jpg) repeat-x;
}
#foo_content {
	position:relative;
	width:998px;
	height:485px;
	margin:0 auto;
	background:url(../images/footer_background_bis.jpg) 0 117px no-repeat;
}
#foo_retour{
	position:absolute;
	right:0;
	top:19px;
	width:104px;
	height:98px;
	background:url(../images/retour.jpg) no-repeat;
	cursor:pointer;
	text-align:center;
}
#foo_retour:hover, #foo_retour:hover span{
	background-position:0 -98px;
	color:#363636;
}
#foo_retour span{
	display:block;
	font:11px Arial;
	color:#929292;
	margin-top:54px;
}
#foo_qui{
	position:absolute;
	left:0;
	top:200px;
	width:200px;
	font:11px Arial;
	color:#f7f7f7;
	background:url(../images/ikaly.png) bottom right no-repeat;
	padding-bottom:30px;
}
#foo_qui a{color:#f7f7f7;}
#foo_qui a:hover{color:#8dd0ff;}

#foo_link{
	position:absolute;
	top:200px;
	left:258px;
}
#foo_link li{
	float:left;
	list-style:none;
	font:11px Arial;
	color:#3181b3;
}
#foo_link li h2{
	font:bold 11px Arial;
}
#foo_link li li{
	float:none;
	margin-right:20px;
	background:url(../images/fleche.png) 0 8px no-repeat;
	padding:3px 0 3px 10px;
}
#foo_link li li a{
	color:#1b5376;
	text-decoration:none;
}
#foo_link li li:hover{background-position:0 -14px;}
#foo_link li li a:hover{color:#0b3652;}

.pub_right{
	margin-top:15px;
	background-color:#fff;
	padding:5px;
}
.pub_right img{
	border:0;
}

/* STYLE DES ERREUR FORMULAIRE */
.formerror {
	position:absolute;
	display:none;
	padding:6px 10px 5px 10px;
	background:#0dacfe;
	color:#fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.formerror img{
	position:absolute;
	left:-7px;
}
.msgerror{
	margin-top:10px;
	color:#d92e00;
}
.msgerror a{
	color:#d92e00;
	text-decoration:none;
	border-bottom:1px dotted;
}