@charset "windows-1252";

/*
orange		:	#F90
vert vif	:	#3F0
*/

* {margin: 0; padding: 0;}

body {
	font-family: tahoma;
	font-size: 10pt;
	font-style: normal;
	text-align: left;
	color: white;
}

h2, h3 {font-family: inherit;}

h1 { font-size: 2.2em; color: #F60; font-weight: bold; margin: 10px auto 1em; font-family: "times new roman", serif;}
h2 { font-size: 1.4em; font-style: italic; font-weight: normal; font-family: "times new roman", serif;}
h3 { font-weight: bold; text-decoration: underline;}
h5 {font-weight: normal;}

p, blockquote, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.3em;
}

ul, ol {margin-left: 3em;}
blockquote {color: #F60; font: italic 1em "times new roman"; font-size: 1.2em;}

a {color: #F90;}
a:hover {text-decoration: none;	color: #F60;}

a img {border: 0;}
input {margin: auto 3px auto 5px;}
img.info {border: 1px white solid;}
img.left {float: left; margin: 0 15px 15px 0;}
img.right {float: right; margin: 0 15px 0 15px;}
.input_texte {color: #000; font-size: 1.3em; font-family: "trebuchet ms"; background-color: #FFF; border: 0; padding: 2px 3px; margin-right: 0;}
input.bouton {background-color: #F90; color: white; padding: 0 5px; width: auto; border: 1px #F60 solid; font: italic bold 1em "trebuchet ms";}
p.intro {font-weight: bold; font-size: 1.05em; text-align: justify;}
div.texte {text-align: justify; font-size: 0.9em;}
.msg_user {color: green; background-color: #CF9; border: 1px green solid; padding: 3px; width: 50%;}

hr { display: none;}
.hr {
	height: 36px;
	margin-bottom: 15px;
	background: url(../images/img06.gif) repeat-x left center;
}

/* maintab */
#maintab {
	border: 2px white solid;
	background-color: black;
	width: 1152px;
	margin: 1em auto 0;
	background: black url(../images/demiellipse.jpg) no-repeat right bottom;
}

/* Sidebar */
#sidebar {
	float: left;
	width: 260px;
	padding: 5px 0 5px 5px;
	text-align: left;
	font-family: arial, sans-serif;
}
 
img.puce_orange {margin-right: 3px; height: 25px;}
img.img_titre {height: 25px;}
#sidebar ul {
	margin: 3px 0 0 0;
	list-style: none;
	line-height: normal;
	text-align: left;
}
#sidebar img {vertical-align: middle;}
#sidebar li {margin-bottom: 10px; }
#sidebar li ul {margin: 5px 0 0 41px; list-style-type: none; text-align: left;}
#sidebar li li {margin: 0; font-size: 9pt; height: auto;}

#sidebar a {color: #FFF; text-decoration: none;}
#sidebar a:hover {color: #F60; font-weight: bold;}
a.actif {background-color: #F60; font-weight: bold; padding: 0 5px;}
a.actif:hover {}

/* Logo */
#logo {
	height: 80px;
	text-align: center;
}
#logo a {text-decoration: none;}


/* Header */
#header {
	height: auto;
	margin: 0 0 0 265px;
	border-left: 1px white solid;
}

/* menu horizontal */
#menu {height: 40px; border-bottom: 1px white solid;}

#menu img {vertical-align: middle; margin: 5px 5px 0 5px;}
#menu ul {
	margin: 0;
	text-align: left;
	list-style: none;
}
#menu li {display: inline; position: relative; top: 0; left: 0; margin: auto 13px;}
#menu a {text-decoration: none;}
#menu a:hover {}
#menu .first a {}

.sousmenu {background-color: #000; border: 1px #FFF solid; padding: 0; display: none; position: absolute; left: 0; top: 25px; z-index: 10;}
.sousmenu ul {margin: 0;}
.sousmenu li {list-style-type: none; list-style-position: inside; border-bottom: 1px #F90 dotted; padding: 0 0 2px 0; margin: 0; font-weight: normal; font-size: 1em; border-right: 0; width: 100%; line-height: 14pt; font-family: verdana;}
.sousmenu a {color: white;}
.sousmenu a:hover {color: #DDD;}

#sm_entreprise {width: 230px;}
#sm_entreprise li {display: block;}

#sm_engagements {width: 210px; }
#sm_engagements li {display: block;}

/* bandeau_orange */
#bandeau_orange {background-color: #000; height: 75px; margin: 5px 20px 0;}

/* Content */
#content {
	padding: 5px 5px 5px 20px;
	margin-left: 265px;
	text-align: left;
	border-left: 1px white solid;
}
#content td {vertical-align: top;}

#content p {line-height: 16px;}

div.colonne_images {float: right; margin-right: 2em; width: 175px; text-align: center;}
div.colonne_images img {margin: 5px auto; width: 170px;}
div.bande_images {text-align: center; width: 520px;}
div.bande_images img {margin: 5px auto; height: 60px;}

/* RUBRIQUES METIERS */
.imageSlideshowHolder {margin: 5px 5px 2em 0; width: 500px; height: 180px;}
.imageSlideshowHolder img {vertical-align: middle;}
.imageSlideshowHolder span {font-style: italic; font-size: 0.9em;}
.texte_galerie {color: #AAA; width: 260px;}
.texte_galerie ul, .texte_galerie ol {margin-left: 1.5em;}
.zone_telechargement {width: 100%; float: right; margin-bottom: 1em; border-top: 1px white dotted; padding-top: 10px;}
.zone_telechargement span {font: italic 0.9em arial;}
.zone_telechargement img {border: 0; margin: 0 5px 0 0; float: left; height: 40px;}
#galerie {min-height: 215px;}
#galerie span {font-size: 0.9em;}
#galerie img, #bloc_droit img {margin: 3px; border: 1px white solid;}
#bloc_droit {width: 290px; margin: 5px 20px; float: right; height: 460px;}

/* Footer */
#footer {
	width: 1024px;
	margin: 0 auto;
	padding: 10px 20px;
	font-size: 1em;
	font-family: tahoma, verdana, sans-serif;
}

#footer p {
	line-height: normal;
	color: #000;
}

#footer a {color: #000; font-weight: bold;}

#legal {width: 60%; float: left; text-align: left;}
#links {width: 40%; margin-left: 50%; text-align: right;}

/* ACTUALITES EN INDEX */
#bloc_actualites {clear: left; width: 1152px; margin: 0 auto;}
#bloc_actualites h1 {width: 100%; height: auto; margin: 0 auto;  border-bottom: 1px #F90 solid; font-size: 1em; text-align: left;}
div.bloc_actu {background: transparent url(../images/puce_orange.png) no-repeat left top; text-align: left; padding-left: 22px; margin-top: 10px;}
div.bloc_actu a {display: block; text-align: right; width: 95%;}
div.bloc_actu p {line-height: 12pt; color: inherit; margin: 0; font-size: inherit; text-align: justify; width: 95%;}
.date {color: #999; font-style: italic;}
.toutelactu a {font-size: 0.9em;}
/* ACTUALITES */
#article {clear: right; min-height: 200px; width: 80%; margin: 2em auto; background-color: #EEE; color: black; padding: 10px; border: 1px white solid;}
#article p {min-height: 180px; margin: 1em auto;}
#article h2 {text-decoration: underline; font-size: 2.5em;}
#article h3 {text-decoration: none;}
#article img {max-width: 300px; height: auto; border: 1px #666 solid; margin: 1em;}
#derniers_articles {margin: 1em auto 2em; width: 700px; border-collapse: collapse;}
#derniers_articles th {border-bottom: 1px #666 solid; padding-bottom: 1em; vertical-align: top; width: 110px; text-align: left;}
#derniers_articles td {border-bottom: 1px #666 solid; padding-bottom: 1em;}
img.vignette_art {max-width: 100px; margin: 5px 5px 5px 0;}
#infos_actus {float: right; margin: 5px; border: 1px #666 solid; background-color: #CCC; color: #666; padding: 5px; width: 200px;}
#infos_actus a {color: black;}

/* contact */
#coord {width: 300px; font-family: tahoma; font-style: normal;}
div.type_coord h5 {color: #F90; font-size: 1.2em;}