/* CSS Document */
* {
	font-family: Arial, Helvetica, sans-serif;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #e8e8e8;
	color: #494949;
	text-align: center;
	margin: 0px;
	margin-top: 15px;}

table {
	font-size: 1em;}

/*
div {
	border: 1px dashed black;
}
*/
img {
	border: none;
}

p, h1, h2, h3, h4, ul, form {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #494949;
}

a:hover, a:active {
	text-decoration: underline;
}

/*** formulaires ***/

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/* partie du haut */
p#logo {
	margin-top:-4px;
}

p#logo #print {
	display: none;
}

form#search, form#sites {
	float: right;
	text-align: right;
	width: 500px;
}

#search input {
	border: 1px solid #b4b4b4;
	background-color: #FFF;
	color: #0;
	padding: 1px;
	font-size: 7pt;
}

#search input#txtsearch {
	border: 1px solid #4A2036;
	border-bottom-color: #999095;
	border-right-color: #999095;
	background-color: White;
	color: #372225;
	padding: 1px;
	font-size: 8pt;
}

#sites {
	margin: 5px 0;
}

#sites li {
	display: inline;
	list-style: none;
}

/*** Nav Flash ***/

#nav {
	position: relative;
	height: 129px;
	width: 859px;
	z-index: 1000;
}

#nav a {
	float: right;
	display: block;
	margin-top: 1px;
}

#menu {
	position: absolute;
	top: 0;
	left: 0;
}
#ariane a:link, #ariane a:visited, #ariane a:hover, #ariane a:active {
	text-decoration: underline;
}

/*** container principal ***/

ul .bloc {font: 16px bold tahoma, sans-serif; color: #000; width: 150px; height: 28px; background: #888686; border-bottom: 1px solid #fff;}

#container {
	width: 859px;
	margin: 0 auto 10px auto;
	text-align: left;
	position: relative;
}
#popup {
	width: 520px;
	margin: 0 auto 10px auto;
	text-align: left;
}
ul.normal {
	color: white;
	margin: 25px 0 15px 14px;
	padding: 0;
	list-style: none;
	font-size: 10pt;
}

ul.colle {
	margin-top: 5px;
}

ul.normal li {
	margin-bottom: 15px;
	padding-left: 13px;
	background: url(../images/puce_content.png) no-repeat 0 5px transparent;
}

ul.normal ul {
	list-style: none;
	margin-top: 10px;
}

ul.normal ul li {
	background: transparent url(../images/minipuce_content.png) 0 8px no-repeat;
	padding-left: 10px;
	margin-bottom: 3px;
}

ul.normal a:link, ul.normal a:visited, ul.normal a:hover, ul.normal a:active {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;}

.legende {
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-style:italic;
	padding-left:10px;
}

p.tt {
	padding:11px 0 11px 11px;
	color: white;
	font-style:italic;	
}

p.titre {
	padding: 5px 0 0 14px;
}
p.swf {
	padding: 11px 0;
}
p.profil {
	padding-left: 10px;
	margin: 3px 0 5px 3px;
	color: white;
	background: url(../images/puce_content.png) no-repeat 0 5px transparent;
}
img.profil {
	border: 1px #999095 solid;
}
p.bt_commext {
	margin: 10px 0;
	text-align: right;
}
p.bt_commext img {
	margin: 0 12px;
	margin-left: 0;
}
p.bt_offre {
	margin: 10px 0 7px 5px;
}
p.bt_offre img {
	margin: 0 4px;
}

a.interne:link, a.interne:visited {
	color:white;
	text-decoration:underline;
}
a.interne:hover, a.interne:active {
	color:white;
	text-decoration:none;
}
/* lien "en savoir plus" et "contacts" */

p.savoirplus, p.savoirplus2, p.mail, p.mail2 {
	margin-left: 8px;
	margin-bottom: 10px;
	font-size: 10pt;
}
p.fermer {
	margin-right: 8px;
	margin-bottom: 10px;
	float:right;
}
p.tel {
	margin-left: 8px;
	margin-bottom: 5px;
}
p.lien, p.lien2 {
	margin-left: 26px;
	margin-bottom: 10px;
}
.savoirplus img, .savoirplus2 img, .mail img, .mail2 img, .tel img {
	vertical-align: text-bottom;
	margin-bottom: -3px;
}

.savoirplus a:link, .savoirplus a:visited,
.fermer a:link, .fermer a:visited,
.mail a:link, .mail a:visited,
.lien a:link, .lien a:visited,
p.tel {
	color: #999195;
	text-decoration: none;
	font-weight: bold;
}
.savoirplus a:hover, .savoirplus a:active,
.fermer a:hover, .fermer a:active,
.lien a:hover, .lien a:active,
.mail a:hover, .mail a:active {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
.savoirplus2 a:link, .savoirplus2 a:visited,
.lien2 a:link, .lien2 a:visited,
.mail2 a:link, .mail2 a:visited {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
.savoirplus2 a:hover, .savoirplus2 a:active,
.lien2 a:hover, .lien2 a:active,
.mail2 a:hover, .mail2 a:active {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.droite {
	float: right;
	width: 40%;
	text-align: right;
	margin-right: 15px;
	margin-top: -30px;
}

/*** actus ***/
ul.actus {
	margin: 5px 5px 15px 5px;
	background: url(../images/actus_ligne.gif) no-repeat;
}
ul.actus li {
	list-style-type: none;
	padding:10px 20px 15px 20px;
	margin:0;
	background: url(../images/actus_ligne.gif) 0 100% no-repeat;
	color: #4A2036;
}
ul.actus a:link, ul.actus a:visited {
	text-decoration:none;
	color: #4A2036;
}
ul.actus a:hover, ul.actus a:active, ul.actus li.on {
	color: white;
	text-decoration:none;
}
p.titreactu {
	padding: 12px 0 0 14px;
	color:#999195;
	font-weight: bold;
	font-size:16px;
}
p.titrearchive {
	padding: 12px 0 0 14px;
	color: #704B5F;
	font-weight: bold;
	font-size:16px;
}
p.titrearchive .on {
	color:#4A2036;
	text-decoration: underline;
	font-weight: bold;
	font-size:16px;
}
p.titrearchive a:link, p.titrearchive a:visited {
	color: #704B5F;
	text-decoration: none;
	font-weight: bold;
	font-size:16px;
}
p.titrearchive a:hover, p.titrearchive a:active {
	color:#4A2036;
	text-decoration: none;
	font-weight: bold;
	font-size:16px;
}

p.actus {
	color: white;
	margin: 0 15px 15px 14px;
	padding: 0;
	padding-left: 13px;
	background: url(../images/puce_content.png) no-repeat 0 5px transparent;
}
p.imgactu {
	margin: 12px;
	float: right;
	width: 188px;
}
/*** equipes ***/
p.pages {
	text-align: center;
	color: #4A2036;
}
p.pages .on {
	font-size:1.1em;
	font-weight:bold;
	text-decoration: underline;
	color: #4A2036;
}
p.pages a:link, p.pages a:visited,
p.pages a:hover, p.pages a:active {
	color: #4A2036;
}
p.equipe {
	margin-top:5px;
}

/*** Page Contact ***/

#contact {
	margin-left: 4px;
}

#contact fieldset {
	border: 0px solid white;
	margin-top: 10px;
}

#contact p {
	margin: 0;
	margin-bottom: 4px;
	margin-left: 1px;
	_margin-left: 10px;
}

#contact ul {
	margin: 0;
}

#contact input, #contact textarea {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	width: 197px;
	color: #4A2036;
	border: 1px solid #4A2036;
	background-color: White;
	vertical-align: middle;
	font-weight: bold;
	padding: 1px 3px;
}

#contact input:focus, #contact textarea:focus {
	background-color: #EEEEEE;
}

#contact input.radio {
	border: none;
	background-color: transparent;
	width: auto;
	margin-left: 0;
	padding-left: 0;
}

#contact p.button {
	text-align: right;
	padding-right: 13px;
	_padding-right: 29px;
	margin-top: 10px;
}

#contact p.button input {
	width: 98px;
	border: none;
	padding: 0;
}

#contact label {
	cursor: pointer;
	cursor: hand;
	vertical-align: middle;
	color: #4A2036;
	float: left;
	width: 85px;
	_width: 95px;
	padding-left: 11px;
	background: transparent url(../images/puce_content.png) 0 5px no-repeat;
	clear: left;
	_clear: none;
	font-weight: bold;}

#contact p.checkbox label {
	float: none;
	width: auto;
	background-image: none;
	padding: 0;}

#contact p.perso {text-align: center;}

#contact {float: left; margin: 0 0 20px 50px; font: normal 12px Verdana, sans-serif; color: #fff;}
#contact #one {float: left; font: normal 12px Verdana, sans-serif; width: 220px;}
#contact #two {float: left; font: normal 12px Verdana, sans-serif; width: 220px;}
#contact #three {float: left; font: normal 12px Verdana, sans-serif; width: 220px;}
#plan {float: left; margin-left: 50px; font: normal 12px Verdana, sans-serif; color: #fff;}
#contact a {font: normal 12px Verdana, sans-serif; color: #fff;}

/*** popup ***/
.legende_popup {
	padding-left: 12px;
	margin:7px 0 0 2px;
	background: url(../images/puce.gif) no-repeat 0 2px transparent;
	text-align:left;
	color: #4A2036;
}
/*** Bouton "nos services" ***/

p#link {
	text-align: right;
	margin: 0;
	padding: 0;
	margin: 15px 20px 15px 0;
	_margin-right: 10px;
}

/*** HOME Flash ***/

#flash {
    position: relative;
    width: 859px;
    height: 460px;
}


/** MENU PIED DE PAGE **/
#footer {position:relative;}

#footer ul {
	margin: 0 auto;
	width: 860px;
	padding-top: 5px;}

#footer li {
	font: normal 1em Verdana, sans-serif;
	color: #333;
	display: inline;}

#footer li a#contacts {
	position: absolute;
	top: 5px;
	left: 660px;}

#footer li a#plandusite {
	position: absolute;
	top: 5px;
	left: 725px;}

#footer li a#mentions {
	position: absolute;
	top: 5px;
	left: 805px;}

#footer li a:link, #footer li a:visited {
	font: normal 1em Verdana, sans-serif;
	color: #333;
	text-decoration: none;}

#footer li a:hover {
	font: normal 1em Verdana, sans-serif;
	color: #f00;
	text-decoration: underline;}

#logo {float: right; margin-bottom: 20px;}

/** sites du groupe **/
#websites {
	position: relative;
	margin: 0 auto;
	top: 0;
	left: 287px !important;
	left: 458px;
	width: 0;
	font: normal 1em verdana, sans-serif;
	color: #fff;
	z-index: 10000;}

.dhtmlselect{
	width: 140px;
	border: 1px solid #fff;
	position: relative;
	text-indent: 3px;
	padding: 1px 0;
	color: #fff;
	cursor: hand;
	background-color: #9D102D;
	text-align: center;}

.dhtmlselect .downimage{
	position: absolute;
	right: -25px;
	display: none;}

.dhtmlselect .dropdown{ 
	position: absolute;
	left: 0;
	width: 180px;
	display: none;
	z-index: 5;
	text-align: left;}

.dhtmlselect .dropdown a{
	top: 50px;
	width: auto;
	display: block;
	background: #fff;
	padding: 1px 0;
	text-indent: 5px;
	text-decoration: none;
	color: #000;}
* html .dhtmlselect .dropdown a{width: 100%;}
.dhtmlselect .dropdown a:link{font: normal 1em verdana, sans-serif; color: #000;}
.dhtmlselect .dropdown a:visited{font: bold 1em verdana, sans-serif; color: #9D102D;}
.dhtmlselect .dropdown a:hover{font: normal 1.1em verdana, sans-serif; color: #fff; background: #9D102D; border: 1px solid #fff;}
.dhtmlselect .dropdown a:active{font: normal 1em verdana, sans-serif; color: #000;}