@charset "iso-8859-1";

/*** MINI RESET ******************************************************************************/
a, img { border: 0; }
a:focus { outline: 0; }
form { margin: 0; padding: 0; }
.no_marge { margin: 0; padding: 0; }
.marge_290 {
	clear:both;
	width:290px;
	height:290px;
}
.souligne {
	text-decoration: underline;
	font-weight: bold;
}
.souligne.vert { color: #76b527; }
.souligne.orange { color: #f29400; }
.souligne.bleu { color: #0d63ac; }


/*** PALETTE *********************************************************************************/
div.vert a { color: #76b527; }
div.orange a { color: #f29400; }
div.bleu a { color: #0d63ac; }

h1.vert { color: #76b527; }
h1.orange { color: #f29400; }
h1.bleu { color: #0d63ac; }


/*** GENERAL *********************************************************************************/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d7d7d;
	background-color: #ffffff;
	background-image: url(/media/images/background/covering.jpg);
	background-repeat: repeat-x;
}
h1 { font-size: 18px; }
a { color: #7d7d7d; }


/*** HEADER *********************************************************************************/
div#header {
	margin: 0 auto;
	width: 995px;
	height: 130px;
	text-align: left;
}
div#header a {
	margin: 0;
	padding: 0;
}
div#header img {
	margin: 0;
	padding: 0;
}
div#picto {
	float: right;
	margin: 68px 3px 0 0;
}
div#picto img {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}


/*** PICTO SURVOL ***************************************************************************/
div#picto_survol { position: absolute; }
div#picto_survol img {
	margin: 0;
	padding: 0;
}
div.picto_solo {
	position: absolute;
	display: none;
}
div#picto_1 { margin: 0 0 0 170px; }
div#picto_2 { margin: 0 0 0 230px; }
div#picto_3 { margin: 0 0 0 315px; }
div#picto_4 { margin: 0 0 0 375px; }
div#picto_5 { margin: 0 0 0 465px; }
div#picto_6 { margin: 0 0 0 500px; }
div#picto_7 { margin: 0 0 0 530px; }
div#picto_8 { margin: 0 0 0 655px; }
div#picto_9 { margin: 0 0 0 725px; }
div#picto_10 { margin: 0 0 0 785px; }
div#picto_11 { margin: 0 0 0 915px; }


/*** MAIN *******************************************************************************/
div#main {
	margin: 0 auto;
	width: 995px;
	text-align: left;
}
div#main_top {
	margin: 0 auto;
	width: 995px;
	height: 44px;
	background-image: url(/media/images/background/main-top.png);
	background-repeat: no-repeat;
}
div#main_middle {
	margin: 0 auto;
	width: 995px;
	background-image: url(/media/images/background/main-middle.png);
	background-repeat: repeat-y;
}
div#trame {
	margin: 0 0 0 7px;
	width: 980px;
	min-height: 675px;
	background-image: url(/media/images/background/main-bg.jpg);
	background-repeat: no-repeat;
}
div#main_bottom {
	margin: 0 auto;
	width: 995px;
	height: 22px;
	background-image: url(/media/images/background/main-bottom.png);
	background-repeat: no-repeat;
}


/*** MENU *******************************************************************************/
ul#menu {
	margin: 22px 0 0 25px;
	padding: 0;
	float: left;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
}
ul#menu li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#menu li.separation { margin: 0 10px; }
ul#menu li a {
	margin: 0;
	padding: 0;
}


/*** BOX 600 ****************************************************************************/
div.box_600 { float: left; }
div.box_600 div.top {
	width: 637px;
	height: 10px;
	background-image: url(/media/images/background/box-600-top.png);
	background-repeat: no-repeat;
}
div.box_600 div.middle {
	padding: 0 10px;
	width: 617px;
	background-image: url(/media/images/background/box-600-middle.png);
	background-repeat: repeat-y;
}
div.box_600 div.middle h1 {
	margin: 0;
	padding: 0;
}
div.box_600 div.middle.bleu h1 { color: #0d63ac; }
div.box_600 div.middle.orange h1 { color: #f29400; }
div.box_600 div.middle.vert h1 { color: #76b527; }
div.box_600 div.middle p {
	margin: 0;
	padding: 0;
}
div.box_600 div.middle a {
	font-weight: bold;
	text-decoration: none;
}
div.box_600 div.middle a:hover { text-decoration: underline; }
div.box_600 div.bottom {
	width: 637px;
	height: 13px;
	background-image: url(/media/images/background/box-600-bottom.png);
	background-repeat: no-repeat;
}


/*** BOX 310 ****************************************************************************/
div.box_310 { float: left; }
div.box_310 div.top {
	width: 316px;
	height: 13px;
	background-image: url(/media/images/background/box-310-top.png);
	background-repeat: no-repeat;
}
div.box_310 div.middle {
	padding: 0 12px;
	width: 292px;
	background-image: url(/media/images/background/box-310-middle.png);
	background-repeat: repeat-y;
}
div.box_310 div.middle h1 {
	margin: 0;
	padding: 0;
}
div.box_310 div.middle p {
	margin: 0;
	padding: 0;
}
div.box_310 div.middle a {
	font-weight: bold;
	text-decoration: none;
}
div.box_310 div.middle a:hover { text-decoration: underline; }
div.box_310 div.bottom {
	width: 316px;
	height: 17px;
	background-image: url(/media/images/background/box-310-bottom.png);
	background-repeat: no-repeat;
}


/*** BOX 300 *****************************************************************************/
div.box_300 { float: left; }
div.box_300 div.top {
	width: 307px;
	height: 13px;
	background-image: url(/media/images/background/box-300-top.png);
	background-repeat: no-repeat;
}
div.box_300 div.middle {
	width: 307px;
	background-image: url(/media/images/background/box-300-middle.png);
	background-repeat: repeat-y;
}
div.box_300 div.middle h1 {
	margin: 0;
	padding: 0;
}
div.box_300 div.middle p {
	margin: 0;
	padding: 0;
}
div.box_300 div.middle a {
	font-weight: bold;
	text-decoration: none;
}
div.box_300 div.middle a:hover { text-decoration: underline; }
div.box_300 div.bottom {
	width: 307px;
	height: 15px;
	background-image: url(/media/images/background/box-300-bottom.png);
	background-repeat: no-repeat;
}


/*** BOX FULL *******************************************************************************/
div#box_full {
	margin: 0 0 0 10px;
	width: 615px;
	height: 90px;
	font-weight: bold;
	color: #ffffff;
}
div#box_full h1 {
	margin: 0;
	padding: 0;
	font-size: 18px;
}
div#box_full p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
div#box_full.vert {
	background-image: url(/media/images/background/bloc-vert.jpg);
	background-repeat: no-repeat;
}
div#box_full.orange {
	background-image: url(/media/images/background/bloc-orange.jpg);
	background-repeat: no-repeat;
}
div#box_full.bleu {
	background-image: url(/media/images/background/bloc-bleu.jpg);
	background-repeat: no-repeat;
}


/*** BOX VERTE *****************************************************************************/
div.box_verte div.top {
	width: 604px;
	height: 10px;
	background-image: url(/media/images/background/box-verte-top.jpg);
	background-repeat: no-repeat;
}
div.box_verte div.middle {
	padding: 15px 10px 15px 0;
	width: 594px;
	background-image: url(/media/images/background/box-verte-middle.jpg);
	background-repeat: repeat-y;
}
div.box_verte div.middle h1 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #76b527;
}
div.box_verte div.middle p {
	margin: 0;
	padding: 0;
}
div.box_verte div.middle a {
	font-weight: bold;
	text-decoration: none;
}
div.box_verte div.middle a:hover { text-decoration: underline; }
div.box_verte div.bottom {
	width: 604px;
	height: 15px;
	background-image: url(/media/images/background/box-verte-bottom.jpg);
	background-repeat: no-repeat;
}


/*** BOX ORANGE ***************************************************************************/
div.box_orange div.top {
	width: 604px;
	height: 10px;
	background-image: url(/media/images/background/box-orange-top.jpg);
	background-repeat: no-repeat;
}
div.box_orange div.middle {
	padding: 15px 10px 15px 0;
	width: 594px;
	background-image: url(/media/images/background/box-orange-middle.jpg);
	background-repeat: repeat-y;
}
div.box_orange div.middle h1 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #76b527;
}
div.box_orange div.middle p {
	margin: 0;
	padding: 0;
}
div.box_orange div.middle a {
	font-weight: bold;
	text-decoration: none;
}
div.box_orange div.middle a:hover { text-decoration: underline; }
div.box_orange div.bottom {
	width: 604px;
	height: 15px;
	background-image: url(/media/images/background/box-orange-bottom.jpg);
	background-repeat: no-repeat;
}


/*** BOX GRISE *****************************************************************************/
div.box_grise {
	margin: 0 10px;
	width: 603px;
}
div.box_grise div.top {
	width: 603px;
	height: 11px;
	background-image: url(/media/images/background/box-grise-top.jpg);
	background-repeat: no-repeat;
}
div.box_grise div.middle {
	padding: 10px 10px 10px 0;
	width: 593px;
	background-image: url(/media/images/background/grise.gif);
	background-repeat: repeat;
}
div.box_grise div.middle h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	color: #0d63ac;
}
div.box_grise div.middle p {
	margin: 0;
	padding: 0;
}
div.box_grise div.middle a {
	font-weight: bold;
	text-decoration: none;
}
div.box_grise div.middle a:hover { text-decoration: underline; }
div.box_grise div.bottom {
	width: 603px;
	height: 10px;
	background-image: url(/media/images/background/box-grise-bottom.jpg);
	background-repeat: no-repeat;
}


/*** ARTICLE *******************************************************************************/
div.box_300 div.middle div.illustration {
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 131px;
	height: 168px;
}
div.box_300 div.middle div.illustration img {
	margin: 0;
	padding: 0;
	max-width: 131px;
	max-height: 168px;
}
div.box_300 div.middle div.article {
	float: left;
	margin: 0;
	padding: 0;
	width: 140px;
}
div.box_300 div.middle div.article p.date {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #959595;
}
div.box_300 div.middle div.article p.titre {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #0d63ac;
}
div.box_300 div.middle div.article p {
	margin: 0;
	padding: 0;

}
div.box_300 div.middle div.article a {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #0d63ac;
	text-decoration: underline;
}


/*** FOOTER *********************************************************************************/
div#footer {
	margin: 0 0 0 15px;
	width: 946px;
	height: 116px;
	background-image: url(/media/images/background/footer.png);
	background-repeat: no-repeat;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}
div#footer p {
	margin: 0;
	padding: 0;
	max-width: 900px;
}
div#footer a {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
div#footer a:hover { text-decoration: underline; }
div#footer p#lien_footer {
	margin: 0;
	padding: 0;
}
div#footer p#lien_footer a {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 9px;
}
div#footer a#lien_footer:hover { text-decoration: none; }


/*** FORM SEARCH ****************************************************************************/
#form_search {
	margin: 0 0 0 12px;
	width: 290px;
}
.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #185aa5;
}
.input_text {
	height: 15px;
	border: 1px solid #a5acb2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7d7d7d;
}


/*** ACCORDEON ******************************************************************************/
div#accordeon {
	margin:0 15px;
	width: 600px;
}
div#accordeon .current {  }
div#accordeon div.etape_img {
	margin: 0 0 0 6px;
	width: 45px;
	height: 43px;
	cursor: pointer;
}

div#accordeon.vert div#accordeon1-header div#etape1_img { background-image: url(/media/images/etape/vert/etape-1-plus.jpg); }
div#accordeon.vert div#accordeon1-header.current div#etape1_img { background-image: url(/media/images/etape/vert/etape-1-moins.jpg); }
div#accordeon.vert div#accordeon1-header.current p { color: #73b323; }

div#accordeon.vert div#accordeon2-header div#etape2_img { background-image: url(/media/images/etape/vert/etape-2-plus.jpg); }
div#accordeon.vert div#accordeon2-header.current div#etape2_img { background-image: url(/media/images/etape/vert/etape-2-moins.jpg); }
div#accordeon.vert div#accordeon2-header.current p { color: #73b323; }

div#accordeon.vert div#accordeon3-header div#etape3_img { background-image: url(/media/images/etape/vert/etape-3-plus.jpg); }
div#accordeon.vert div#accordeon3-header.current div#etape3_img { background-image: url(/media/images/etape/vert/etape-3-moins.jpg); }
div#accordeon.vert div#accordeon3-header.current p { color: #73b323; }

div#accordeon.vert div#accordeon4-header div#etape4_img { background-image: url(/media/images/etape/vert/etape-4-plus.jpg); }
div#accordeon.vert div#accordeon4-header.current div#etape4_img { background-image: url(/media/images/etape/vert/etape-4-moins.jpg); }
div#accordeon.vert div#accordeon4-header.current p { color: #73b323; }

div#accordeon.vert div#accordeon5-header div#etape5_img { background-image: url(/media/images/etape/vert/etape-5-plus.jpg); }
div#accordeon.vert div#accordeon5-header.current div#etape5_img { background-image: url(/media/images/etape/vert/etape-5-moins.jpg); }
div#accordeon.vert div#accordeon5-header.current p { color: #73b323; }

div#accordeon.vert div#accordeon6-header div#etape6_img { background-image: url(/media/images/etape/vert/etape-6-plus.jpg); }
div#accordeon.vert div#accordeon6-header.current div#etape6_img { background-image: url(/media/images/etape/vert/etape-6-moins.jpg); }
div#accordeon.vert div#accordeon6-header.current p { color: #73b323; }


div#accordeon.orange div#accordeon1-header div#etape1_img { background-image: url(/media/images/etape/orange/etape-1-plus.jpg); }
div#accordeon.orange div#accordeon1-header.current div#etape1_img { background-image: url(/media/images/etape/orange/etape-1-moins.jpg); }
div#accordeon.orange div#accordeon1-header.current p { color: #f29400; }

div#accordeon.orange div#accordeon2-header div#etape2_img { background-image: url(/media/images/etape/orange/etape-2-plus.jpg); }
div#accordeon.orange div#accordeon2-header.current div#etape2_img { background-image: url(/media/images/etape/orange/etape-2-moins.jpg); }
div#accordeon.orange div#accordeon2-header.current p { color: #f29400; }

div#accordeon.orange div#accordeon3-header div#etape3_img { background-image: url(/media/images/etape/orange/etape-3-plus.jpg); }
div#accordeon.orange div#accordeon3-header.current div#etape3_img { background-image: url(/media/images/etape/orange/etape-3-moins.jpg); }
div#accordeon.orange div#accordeon3-header.current p { color: #f29400; }

div#accordeon.orange div#accordeon4-header div#etape4_img { background-image: url(/media/images/etape/orange/etape-4-plus.jpg); }
div#accordeon.orange div#accordeon4-header.current div#etape4_img { background-image: url(/media/images/etape/orange/etape-4-moins.jpg); }
div#accordeon.orange div#accordeon4-header.current p { color: #f29400; }

div#accordeon.orange div#accordeon5-header div#etape5_img { background-image: url(/media/images/etape/orange/etape-5-plus.jpg); }
div#accordeon.orange div#accordeon5-header.current div#etape5_img { background-image: url(/media/images/etape/orange/etape-5-moins.jpg); }
div#accordeon.orange div#accordeon5-header.current p { color: #f29400; }

div#accordeon.orange div#accordeon6-header div#etape6_img { background-image: url(/media/images/etape/orange/etape-6-plus.jpg); }
div#accordeon.orange div#accordeon6-header.current div#etape6_img { background-image: url(/media/images/etape/orange/etape-6-moins.jpg); }
div#accordeon.orange div#accordeon6-header.current p { color: #f29400; }


/*** ETAPE **********************************************************************************/
.etape {
	width: 600px;
    z-index: 10;
	cursor: pointer;
}
.etape img {
	margin: 0 0 0 5px;
	padding: 0;
}
.etape p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
/*
div#accordeon.vert .etape p { color: #73b323; }
div#accordeon.orange .etape p { color: #f29400; }
*/
.etape_desc img {
	margin: 0 15px;
	padding: 0;
}


/*** SERVICE *********************************************************************************/
.service img { margin: 0 15px; }


/*** AXIAL VOUS PARLE ************************************************************************/
div.article_news div.illustration {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	width: 300px;
	min-height: 1px;
}
div.article_news div.illustration img {
	margin: 0;
	padding: 0;
	max-width: 300px;
	max-height: 300px;
}
div.article_news div.article {
	float: left;
	margin: 0;
	padding: 0;
	width: 280px;
}
div.article_news div.article p.date {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #0d63ac;
}
div.article_news div.article h1.titre {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #0d63ac;
}
div.article_news div.article h1.titre a {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #0d63ac;
	text-decoration: none;
}
div.article_news div.article p {
	margin: 0;
	padding: 0;

}
div.article_news div.article a {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #0d63ac;
	text-decoration: underline;
}


/*** NOS PRODUITS ****************************************************************************/
div.box_300_grise {
	float: left;
	margin: 0 0 10px 10px;
	width: 298px;
	height: 150px;
	background-image: url(/media/images/background/box-300-grise.gif);
	background-repeat: no-repeat;
}
div.box_300_grise h1 {
	font-size: 16px;
	color: #0d63ac;
}
div.box_300_grise p {
	font-size: 12px;
	color: #707070;
}


/*** HEADER SWF ******************************************************************************/
div.header_swf { margin:0 0 0 2px; }


