/* couleurs 
rouge #D40139
jaune #F9B700
gris #6B7078


*/

body
{
	background-color: white;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	margin-bottom: 40px;
}

#layout
{
	width: 783px;
	background-color: white;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: left;
}

#wrapper
{
	width: 100%;
	background-color: white;
	background-image: url(../images/volume.gif);
	background-repeat: repeat-y;
	float: right;
	margin-bottom: 40px;
	margin-top: 0px;
}

#colgaucheIndex
{
	width: 127px;
	color: #6C7078;
	background-color: white;
	
	
	/*#F8B90D;
	background-image: url(../images/volume.gif);
	background-repeat: repeat-y;
	*/
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}
#colgauche
{
	width: 127px;
	color: #6C7078;
	background-color: white;
	
	/*#F8B90D;
	background-image: url(../images/volume.gif);
	background-repeat: repeat-y;
	*/
	display: block;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}


#colcentre
{
	top: 0px;
	left: 127px;
	width: 656px;
	min-height: 405px;
	background-color: white;
	background-image: url(../images/colcentre-topalt.jpg);
	background-repeat: no-repeat;
	display: block;
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

#colcentreIndex
{
	top: 0px;
	left: 127px;
	width: 656px;
	background-color: white;
/*	background-image: url(../images/colcentre-top.jpg);
	background-repeat: no-repeat; */
	display: block;
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#topcentre
{
	margin: 0px 0px 0px 0px;
	display: block;
	width: 628px;
	padding: 15px 5px 0px 0;
	text-align: right;
	font-size: 13px;
	color: #6C7078;
}
#topIndex
{
	margin: 0px 0px 0px 0px;
	display: block;
	padding: 15px 5px 0px 0px;
	text-align: right;
	font-size: 13px;
	color: #6C7078;
}

#topcentre h1
{
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #6C7078;
	margin: 0px;
}
#topIndex h1.petit
{
	display: block;
	font-weight: normal;
	font-size: 10px;
	line-height: 15px;
	color: #6C7078;
		margin: 0px;
}



#topcentre a
{
	color: #6C7078;
	text-decoration: none;
	padding-bottom: 3px;
}

#topcentre a:hover
{
	color: #C0183A;
	text-decoration: none;
	text-shadow: 3px 3px 5px #BBB;
}

#topcentre .actif
{
	color: #C0183A;
	text-decoration: none;
	text-shadow: 3px 3px 5px #BBB;
}

.itemsommaire
{
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: white;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0 0px 0;
	padding: 6px 0 6px 6px;
	background-color: #F8B90D;
	background-image: url(../images/volume.gif);
	background-repeat: repeat-y;
	border-color: #F2CF80;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
}

.itemsommaire:visited
{
	color: white;
	background-color: #F8B90D;
	text-decoration: none;
}

.itemsommaire:hover
{
	color: #585B64;
	background-color: #F9F2B5;
	text-decoration: none;

	background-image: none;

}

.itemsommaire:active
{
	color: #585B64;
	background-color: white;
	text-decoration: none;
}

.itemsommaireactif
{
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #585B64;
	background-color: white;
	text-decoration: none;
	margin: 0px 0 0px 0;
	padding: 6px 0 6px 6px;
}

.sousitemsommaire
{
	display: block;
	font-size: 12px;
	line-height: 13px;
	color: white;
	text-decoration: none;
	margin: 0 0 0 0px;
	padding: 3px 0px 5px 19px;
	background-color: #F8B90D;
	background-image: url(../images/volume.gif);
	background-repeat: repeat-y;
	background-position: 0px;
}

.sousitemsommaire:visited
{
	color: white;
	text-decoration: none;
}

.sousitemsommaire:hover
{
	color: #585B64;
	background-color: #F9F2B5;
	text-decoration: none;

	background-image: none;
}

.sousitemsommaire:active
{
	color: #585B64;
	background-color: white;
	text-decoration: none;
}

.sousitemsommaireactif
{
	display: block;
	font-size: 12px;
	line-height: 13px;
	color: #585B64;
	background-color: white;
	text-decoration: none;
	margin: 0 0 0 0px;
	padding: 3px 0px 5px 19px;
}
.traitFinalSommaire
{
	display: block;
	margin: 0px 0 0px 0;
	padding: 6px 0 6px 6px;
	background-color: #F8B90D;
	background-image: url(../images/volume.gif);
	background-repeat: repeat-y;
	border-color: #F2CF80;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
}

#actuel
{
	display: block;
	width: 600px;
	min-height: 90px;
	max-height: 130px;
	margin-left: 15px;
	margin-top: 40px;
	padding: 0;
	text-align: left;
	overflow: auto;
	color: #6A6F77;
}

#actuel p
{
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 0 0;
}

#actuel .datestamp
{
	font-family: Verdana, Arial, Sans-serif;
	color: #F8B90D;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#actuel h1
{
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 9px 0;
}

#actuel .plus
{
	font-family: Verdana, Arial, Sans-serif;
	color: #E9AD09;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding-left: 12px;
	background-image: url("../images/plus.gif");
	background-repeat: no-repeat;
	text-decoration: none;
}

#actuel .plus:hover { text-decoration: underline; }

#metier
{
	display: block;
	width: 600px;
	margin-left: 15px;
	margin-top: 10px;
	padding: 0;
	text-align: left;
	color: #6A6F77;
	position: relative;
}

#nommetier
{
	display: block;
	width: 100%;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
	color: #d40038;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 30px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: none;
}

#competences
{
	display: block;
	width: 180px;
	left: 0px;
	top: 0px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	text-align: left;
	color: #6C7078;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
}

#competences a
{
	margin: 2px 0px 2px 20px;
	display: block;
	border-bottom: 1px transparent solid;
	color: #6C7078;
	text-decoration: none;
}

#competences a:hover
{
	color: #d40038;
	text-decoration: none;
	font-weight: bold;
	right: 0px;
}
#competences .competencesactive
{
	color: #d40038;
	text-decoration: none;
	font-weight: bold;
	right: 0px;
}

#description1, #description2, #description3, #description4, #description5,
#description6, #description7, #description8, #description9, #description10
{
	display: none;
	position: absolute;
	left: 180px;
	top: 32px;
	width: 400px;
	height: 50px;
	text-align: left;
	color: #d40038;
	background-color: #ECECEC;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
	padding-left: 15px;
}

#verbatim
{
	display: block;
	float: left;
	width: 600px;
	margin-left: 15px;
	margin-top: -15px;
	margin-bottom: 14px;
	text-align: left;
	color: black;
	background-image: url("../images/vaguejauneverbatim.gif");
	background-repeat: no-repeat;
	border-bottom: 5px solid #F8B90D;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
}

#verbatimwrapper { padding: 30px 15px 10px 20px; }

.verbatimtitre
{
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 16px;
	line-height: 19px;
	color: #5F636A;
}
.petitVerbatim
{
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #5F636A;
}
.verbatimtexte
{
	margin: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-decoration: none;
}
.verbatimlien
{
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-decoration: none;
	background-image: url("../images/bonhompiti.gif");
	background-repeat: no-repeat;
	padding-left: 16px;
	color: black;
	font-weight: bold;
}
.verbatimlien:hover
{

	text-decoration: none;
	color: #d40038;
	font-weight: bold;
}

#contenu
{
		background-color: transparent;

	clear: both;
	display: block;
	width: 597px;
	padding: 0;
	text-align: left;
	color: #6A6F77;
	margin: 20px 0px 20px 20px;
}

#infoboite
{
	display: block;
	width: 130px;
	float: right;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
	color: #6A6F77;
	background-color: transparent;
	border-bottom: #BDC4CB;
	border-width: 0 0 5px 0;
	border-style: none none solid none;
	clear: both;
	background-image: url("../images/fondinfoboite.gif");
	background-repeat: repeat-x;
	background-position: 0px 15px;
}

.infoboitetitre
{
	display: block;
	width: 130px;
	min-height: 24px;
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	text-align: center;
	color: #E8E8E8;
	background-color: transparent;
	background-image: url("../images/infoboitetitre.gif");
	background-repeat: no-repeat;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

.infoboitecontenu
{
	font-weight: normal;
	display: block;
	margin: 0px;
	padding: 0px 5px 15px 5px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #333;
	background-color: transparent;

}
.infoboitecontenu dt
{
	font-weight: bold;
}
.infoboitecontenu dd
{
	font-weight: normal;
	margin-left: 10px;
}
.infoboitecontenu a
{
	font-weight: normal;
	color: #D40139;
	text-decoration: none;
}
.infoboitecontenu a:hover
{
	font-weight: bold;
	color: #D40139;
	text-decoration: none;
}

#contenu .infoboitecontenu h2
{
	font-size: 12px;
	line-height: 15px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contenu .infoboitecontenu h2 a
{
	font-weight: bold;
}
#contenu .infoboitecontenu h2 a:hover
{
	font-weight: bold;
	text-decoration: underline;
}

#contenu .infoboitecontenu ul
{
	display: block;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
}
#contenu .infoboitecontenu li
{
	color: black;
	padding: 3px 0px 0px 0px;
}
#contenu .infoboitecontenu dl
{
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#contenu .infoboitecontenu dt
{
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

#contenu .infoboitecontenu dd
{
	display: none;

}
#contenu h1
{
	display: block;
	margin: 60px 0px 30px 0px;
	color: #D40139;
	font-size: 24px;
		padding: 0px;
}
#contenu a
{
	color: #D40139;
}
#contenu a:hover
{
	color: #D40139;
	text-decoration: none;
}

#contenu p
{
	display: block;
	margin: 15px 0px 0px 20px;
	color: black;
	font-size: 13px;
	line-height: 16px;
}
#contenu h2
{
	font-size: 16px;
	line-height: 22px;
	display: block;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	color: #D40139;
}
#contenu ul
{
	display: block;
	margin: 15px 0px 0px 50px;
	padding: 0px 0px 0px 20px;
}
#contenu li
{
	color: black;
	padding: 3px 0px 0px 0px;
	list-style-image: url(../images/pupuce.gif);
	font-size: 12px ;
}

#contenu table
{
	margin : 10px 0px 10px 20px;
}

#offre
{
	display: block;
	padding: 0;
	width: 628px;
	margin-left: 15px;
	margin-top: 10px;
	text-align: left;
}

input { margin-bottom: 3px; }

.borne
{
	background-color: #FDEDC0;
	border-bottom: 5px solid #F0B729;
	color: #6A6F77;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0 0;
	/*background-image: url("../images/fondborne.gif");
	background-repeat: repeat-x;*/
}

.borne a
{
	color: #6A6F77;
	text-decoration: none;
}

td.borne:hover { color: black; }
.borne a:hover { color: black; }
.borne p { margin: 10px 3px 10px 5px; }

.minitexte
{
	display: block;
	margin: 10px 3px 10px 5px;
}
#contenu th
{
	text-align: left;
		color: black;
		padding-right: 15px;
}

#contenu td
{

	padding-right: 15px;
		vertical-align: top;

}
#contenu th
{

	padding-right: 15px;
		vertical-align: bottom;

}
.equipe
{
	margin: 20px 3px 10px 20px;
}
.gus
{
	display: block;
		height: 80px;
	margin: 15px 3px 20px 0px;
}
.photo
{
	float: left;
	width: 80px;
	margin: 0px 3px 10px 0px;
}
.infos
{
	margin-left: 95px;
}
.citation
{
	margin : 10px 10px 0px 20px;
}
fieldset
{
	margin : 20px 10px 0px 20px;
	border: 0px;
}
legend
{
	font-weight: bold;
}
label
{
	display: block;
	float: left;
	width: 150px;
}
.adresseContact
{
	color: black;
	margin: 20px 0px 20px 20px;

}
.produit
{
	display: block;
	margin: 15px 80px 20px 20px;
}
.titreProduit
{
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D40139;
}
.contenuProduit
{
	display: block;
	margin: 0px 0px 0px 20px;
}
.objectifProduit { 
	margin: 3px 0px 0px 20px; font-style: italic; }