@charset "utf-8";
/* CSS Document
** Copyright Tesri - http://www.tesri.fr - Code : Nguyen Marcel
*/

body {
	width:990px;
	font: x-small sans-serif;
	background: #ffffff;
	color: #666;
	margin: 17px auto auto auto;
}

#content {
	width:990px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	min-height: 478px;
	border-bottom: 2px solid #4db8db;
}

.block {
	width:990px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	top: 48px;
	padding: 0 0 0 0px;
	border: 0px solid #cccccc;
}

.logo {
	width: 156px;
	height: 48px;
	position: relative;
	float:left;
	text-align:left;
	z-index:1;
}

.menu {
	width: 834px;
	height: 48px;
	background-image:url(img/bg_menu.jpg);
	position: relative;
	float:left;
	text-align:left;
	z-index:1;
}

.picto {
	width: 29px;
	height: 34px;
	position: relative;
	float:left;
	text-align:left;
	z-index:1;
}

.onglet {
	/*height: 34px;*/
	position: relative;
	float:left;
	text-align:left;
	z-index:1;
}

.onglet_a {
	height: 25px;
	position: relative;
	float:left;
	color: #4db8db;
	padding: 9px 15px 0 15px;
	text-align:left;
	background-image:url(img/onglet_a.gif);
	z-index:1;
}

a.lien {
	height: 25px;
	position: relative;
	float:left;
	color: #666;
	text-decoration:none;
	padding: 9px 15px 0px 15px;
	background-image:url(img/onglet.gif);
	text-align:left;
	z-index:1;
}

a.lien:hover {
	height: 25px;
	position: relative;
	float:left;
	padding-top:9px;
	cursor:pointer;
	color:#4db8db;
	background-color:#F00;
	background-image:url(img/onglet_a.gif);
}

a {
	text-decoration:none;
	color:#4db8db;
}

.flash {
	width: 357px;
	height: 411px;
	background-color:#000;
	position: relative;
	float:left;
	text-align:left;
	z-index:1;
}

.separator {
	width: 4px;
	height: 411px;
	position: relative;
	float:left;
	z-index:1;
}

.cont {
	width: 587px;
	height: 136px;
	background-image:url(img/bg_cont.jpg);
	color: #FFF;
	text-align: justify;
	padding: 135px 21px 0px 21px;
	/*background: no-repeat;*/
	position: relative;
	float:left;
	z-index:1;
}

.box_left {
	position: relative;
	top: -48px;
	width:357px;
	padding: 0 10px 0 0px;
	text-align: justify;
	float: left;
}

.box_middle {
	position: relative;
	top: -54px;
	width:415px;
	padding: 0 20px 0 0px;
	text-align: justify;
	/*border-right: 1px dashed #CCCCCC;*/
	border-right: 1px dotted #CCCCCC;
	float: left;
}

.box_right {
	position: relative;
	top: -54px;
	width:166px;
	padding: 0 0 0 20px;
	text-align: center;
	float: left;
	
}

.visuel {
	width: 629px;
	height: 136px;
	padding: 4px 0 0 0;
	position: relative;
	float:left;
	z-index:1;
}

.photo {
	width: 207px;
	height: 136px;
	position: relative;
	float:left;
	z-index:1;
}

.spacer {
	width: 4px;
	height: 136px;
	position: relative;
	float:left;
	z-index:1;
}

.box_navigation {
	width: 185px;
	position: relative;
	margin: 0;
	padding: 15px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	z-index:1;
	border: 3px solid #ffffff;
}

.box_content {
	width: 752px;
	position: relative;
	margin: 0;
	padding:0 0px 15px 15px;
	float:left;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	z-index:1;
	/*border-bottom: 2px solid #6F9;*/
}

.box_cadre {
	width: 716px;
	position: relative;
	margin: 0;
	padding: 15px 15px 25px 15px;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	z-index:1;
	border: 3px solid #ffffff;
}

.box_cadre_noir {
	width: 716px;
	position: relative;
	margin: 0;
	padding: 15px 15px 25px 15px;
	text-align: justify;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	background-color:#000;
	z-index:1;
	border: 3px solid #ffffff;
}

.box_collection {
	width: 722px;
	position: relative;
	margin: 0;
	padding: 15px 15px 15px 15px;
	min-height: 120px;
	background-color:#FFFFCC;
	z-index:1;
	clear: both;
	border: none;
}

.blue {
	color: #4db8db;
	font-size: 18px;
}
.title {
	width: 752px;
	position: relative;
	/*margin-bottom: 35px;*/
	padding: 0px;
	clear: both;

}

.title-space {
	width: 8px;
	position: relative;
	margin: 0;
	padding: 10px 0px 10px 0px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	float: left;
	border: none;
	z-index:6;
}

.title1 {
	width: 200px;
	position: relative;
	margin: 0;
	padding: 10px 0px 10px 0px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	float: left;
	border: none;
	z-index:6;
}

.title1_ {
	width: 188px;
	position: relative;
	margin: 0;
	padding: 10px 0px 10px 0px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	float: left;
	border: none;
	z-index:6;
}

.title2 {
	width: 368px;
	position: relative;
	margin: 0;
	padding: 10px 0px 10px 0px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	float: left;
	border: none;
}

.title2_ {
	width: 352px;
	position: relative;
	margin: 0;
	padding: 10px 0px 10px 0px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	float: left;
	border: none;
}

.title3 {
	width: 552px;
	position: relative;
	margin: 0;
	padding: 10px 0px 10px 0px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	float: left;
	border: none;
	z-index:6;
}

.title4 {
	width: 722px;
	position: relative;
	margin: 0;
	padding: 10px 15px 10px 15px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	border: none;
}

#bordeau {
	background-color:#990033;
}

#red {
	background-color:#FF3333;
}

#pink {
	background-color:#F28A65;
}

#rose {
	background-color:#E03F60;
}

#rose-terne {
	background-color:#B36D6F;
}

#grey {
	background-color:#333333;
}

#brown {
	background-color:#663300;
}

#brun {
	background-color:#806D69;
}

#brun-clair {
	background-color:#9A6A46;
}

#brun-kaki {
	background-color:#A68244;
}

#jaune {
	background-color:#FFCC33;
}

#ocre {
	background-color:#C4874E;
}

#ocre-or {
	background-color:#D0883C;
}

#violet {
	background-color:#CC66CC;
}

#violet-basic {
	background-color:#745C80;
}

#violet-basic-fluo {
	background-color:#6F3A88;
}

#violet-clair {
	background-color:#898198;
}

#fuchia {
	background-color:#94214C;
}

#mauve {
	background-color:#945766;
}

#mauve-fluo {
	background-color:#CC0066;
}

#blue {
	background-color:#4868A1;
}

#bleu-clair {
	background-color:#81B8CC;
}

#bleu-terne {
	background-color:#495F86;
}

#bleu-gris {
	background-color:#6C819E;
}

#terne {
	background-color:#B9C9AF;
}

#bleu-azur {
	background-color:#145B7B;
}

#bleu-fonce {
	background-color:#38557F;
}

#bleu-nuit {
	background-color:#212643;
}

#cyan-fonce {
	background-color:#26484A;
}

#vert-pomme {
	background-color:#CCCC33;
}

#kaki {
	background-color:#5C724E;
}

#kaki-fonce {
	background-color:#494329;
}

#kaki-terne {
	background-color:#908976;
}

#jaune-or {
	background-color:#E19D30;
}

#orange {
	background-color:#FB9B44;
}

#orange-fonce {
	background-color:#C35931;
}

#peche {
	background-color:#F1C07E;
}

#gris {
	background-color:#A2A19D;
}

#gris-clair {
	background-color:#BFBBB8;
}

#dark {
	background-color:#2A332E;
}

.plomb {
	clear:both;
	height:0px;
	width:10px;
}

.plomb20 {
	clear:both;
	height:20px;
	width:20px;
}

.space {
	width: 15px;
	float:left;
	border-top:1px solid transparent;
}

.spacer10 {
	clear:both;
	height:10px;
	width:10px;
}

.spacer15 {
	clear:both;
	height:15px;
	width:15px;
}

.spacer20 {
	clear:both;
	height:20px;
	width:20px;
}

.spacer_pic {
	width: 14px;
	position: relative;
	margin: 0;
	padding:0;
	float:left;
	text-align:left;
	z-index:1;
	border-top:1px solid #660000;
}

.pic {
	width: 100px;
	height: 150px;
	position: relative;
	margin: 0;
	padding:0;
	float:left;
	text-align:left;
	z-index:1;
}

.pic_h {
	width: 169px;
	height: 127px;
	position: relative;
	margin: 0;
	padding:0;
	float:left;
	text-align:center;
	background-color:#930;
	z-index:1;
}

.pic_v {
	width: 95px;
	height: 127px;
	position: relative;
	margin: 0;
	padding:0;
	float:left;
	text-align:center;
	z-index:1;
}

.ref {
	width: 240px;
	position: relative;
	padding:30px 20px 0px 20px;
	float:left;
	text-align:right;
	font-size:17px;
	color: #FFFFFF;
	z-index:1;
}

.ref_pic {
	width: 435px;
	height: 93px;
	position: relative;
	margin: 0;
	padding:0;
	float:left;
	background-color:#fff;
	z-index:1;
}



.border {
	border:2px solid;
	border-collapse:collapse;
}

h1 {
	padding: 0;
	margin: 0;
	font-size: 26px;
	height: 45px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}

h3 {
	/*padding: 0 0 0 10px;*/
	margin: 0;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border-bottom: 1px solid #ffffff;
}

h4 {
	padding: 0;
	margin: 0;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	border-bottom: 1px solid #ffffff;
}

#h4 {
	height: 37px;
	font-size: 26px;
	font-weight: lighter;
}

h5 {
	padding: 0;
	margin: 0;
	font-size: 17px;
	font-weight: normal;
	line-height:1.2;
	font-family: Arial, Helvetica, sans-serif;
	color: #660000;

	text-align: center;
}

h6 {
	margin: 0;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}


	
a.red {
	padding-top:0px;
	cursor:pointer;
	color:#660000;
	}

a.red:hover {
	padding-top:0px;
	cursor:pointer;
	color:#660000;
	text-decoration: underline overline;
	}
	
.red {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #660000;
	font-weight:bold;
}

/* bouton lien de navigation */

a.menu_rouge, a.menu_prune, a.menu_bleu, a.menu_jaune {
	padding:10px 10px 10px 10px;
	cursor:pointer;
	color:#ffffff;
	display: block;
	/*width: 95px;*/
	width: 165px;
	text-decoration: none;
}

a.menu_rouge:hover {
	padding:10px 10px 10px 10px;
	cursor:pointer;
	color:#ffffff;
	display: block;
	width: 165px;
	background-color: #CC3336;
	text-decoration: none;
	}
	
a.menu_prune:hover {
	padding:10px 10px 10px 10px;
	cursor:pointer;
	color:#ffffff;
	display: block;
	width: 165px;
	background-color: #799DCF;
	text-decoration: none;
	}
	
a.menu_bleu:hover {
	padding:10px 10px 10px 10px;
	cursor:pointer;
	color:#ffffff;
	display: block;
	width: 165px;
	background-color: #4A599A;
	text-decoration: none;
}
	
a.menu_jaune:hover {
	padding:10px 10px 10px 10px;
	cursor:pointer;
	color:#ffffff;
	display: block;
	width: 165px;
	background-color: #D6AC70;
	text-decoration: none;
}

a.partenaire_jaune {
	padding:20px 10px 20px 10px;
	margin: 0 10px 0 20px;
	cursor:pointer;
	color: #333;
	font-weight:bold;
	display: block;
	/*width: 95px;*/
	width: 125px;
	height: 20px;
	background-color: #FF9900;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
}

a.partenaire_jaune:hover {
	background-image:url(images/menu/motif_jaune.jpg);
}

a.partenaire_vert {
	padding:15px 10px 25px 10px;
	margin: 0 10px 0 20px;
	cursor:pointer;
	color:#ffffff;
	font-weight: bold;
	display: block;
	width: 125px;;
	height: 20px;
	background-color: #009900;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
}

a.partenaire_vert:hover {
	background-image:url(images/menu/motif_vert.jpg);
}

a.partenaire_bleu {
	padding:20px 10px 20px 10px;
	margin: 0 10px 0 20px;
	cursor:pointer;
	color: #333;
	font-weight:bold;
	display: block;
	/*width: 95px;*/
	width: 125px;
	height: 20px;
	background-color: #799DCF;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
}

a.partenaire_bleu:hover {
	background-image:url(images/menu/motif_bleu.jpg);
}

a.partenaire_bleu_fonce {
	padding:20px 10px 20px 10px;
	margin: 0 10px 0 20px;
	cursor:pointer;
	color: #ffffff;
	font-weight:bold;
	display: block;
	/*width: 95px;*/
	width: 125px;
	height: 20px;
	background-color: #4A599A;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
}

a.partenaire_bleu_fonce:hover {
	background-image:url(images/menu/motif_bleu_fonce.jpg);
}

a.partenaire_ocre {
	padding:20px 10px 20px 10px;
	margin: 0 10px 0 20px;
	cursor:pointer;
	color: #333;
	font-weight:bold;
	display: block;
	/*width: 95px;*/
	width: 125px;
	height: 20px;
	background-color: #D6AC70;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
}

a.partenaire_ocre:hover {
	background-image:url(images/menu/motif_ocre.jpg);
}

a.partenaire {
	padding:0;
	margin: 0 20px 0 20px;
	cursor:pointer;
	color: #333;
	font-weight:bold;
	display: block;
	width: 145px;
	height: 60px;
	text-decoration: none;
	text-align: center;
	vertical-align:middle;
}

.scroll {
	width: 990px;
	height: 370px;
	clear: both;
}