@charset "utf-8";

/* General */

html {
	margin: 0;
	padding: 0;
}
body, form {
	margin: 0;
	padding: 0;
}
body {
	color: #004163; font-weight: normal; 
	background: url(../medias/communs/header_bg.jpg) repeat-x center top; 
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 100%;
}
img, table {
	border: 0;
}
h1 { margin: 0; font-size: 120%; font-weight:normal; }
h2 { margin: 0; font-size: 90%; font-weight: bold; }
h3 { font-size: 80%; }
ul { margin: 0; padding: 0; list-style: none; }
p { color: #5f6c74; font-size: 80%; font-weight: normal; margin-bottom:10px;}
a { color: #5f6c74; font-weight: normal;}
a:link { color: #5f6c74; font-weight: normal; text-decoration: underline;}
a:hover { color: #4e585e; font-weight: normal; text-decoration: none;}
sup { font-weight: bold; vertical-align: 3px; }

/* menu principal */

#hdrMenu { 
	position: relative; 
	z-index: 10; 
	float: left;
	margin: 0;	
	padding: 0;
	height: 25px;
	width:100%;
	background: url(../medias/communs/menu_back.gif) repeat-x center top;
	text-align: center;
}

/* 1er palier */
#hdrNav li, #hdrAct li {
	float: left;
	margin: 0;
}
#hdrNav {
	display: inline-block;
}
#hdrNav li, #hdrNav li a, #hdrNav2 li, #hdrNav2 li a, #hdrCom li a {
	display: block;
	text-align:left;
	/*border: 1px solid #00FF00;*/
}

#hdrNav li:hover, #hdrNav li.over, #hdrAct li:hover, #hdrAct li.over, #hdrCom a { visibility: visible; }
#hdrNav li:hover img, #hdrNav li.over img, #hdrNav li.actif img, #hdrAct li:hover img, #hdrAct li.over img, #hdrAct li.actif img, #hdrCom a.over img, #hdrCom a:hover img { visibility: hidden; }
.fr #ctl00_liNavBt01 { width: 104px; height: 25px;background-image: url(../medias/fr/menuov_09.gif); }
.fr #ctl00_liNavBt02 { width: 94px; height: 25px;background-image: url(../medias/fr/menuov_10.gif); }
.fr #ctl00_liNavBt03 { width: 167px; height: 25px;background-image: url(../medias/fr/menuov_11.gif); }
.fr #ctl00_liNavBt04 { width: 98px; height: 25px;background-image: url(../medias/fr/menuov_12.gif); }
.fr #ctl00_liNavBt05 { width: 130px; height: 25px;background-image: url(../medias/fr/menuov_13.gif); }
.fr #liNavBt07 { width: 68px; height: 30px; background-image: url(../medias/fr/tailleov.gif); }
.fr #liNavBt08 { width: 69px; height: 30px; background-image: url(../medias/fr/imprimerov.gif); }
.fr #liNavBt09 { width: 162px; height: 37px; background-image: url(../medias/fr/commanderov.gif); }

.en #ctl00_liNavBt01 { width: 104px; height: 25px;background-image: url(../medias/en/menuov_09.gif); }
.en #ctl00_liNavBt02 { width: 94px; height: 25px;background-image: url(../medias/en/menuov_10.gif); }
.en #ctl00_liNavBt03 { width: 167px; height: 25px;background-image: url(../medias/en/menuov_11.gif); }
.en #ctl00_liNavBt04 { width: 98px; height: 25px;background-image: url(../medias/en/menuov_12.gif); }
.en #ctl00_liNavBt05 { width: 130px; height: 25px;background-image: url(../medias/en/menuov_13.gif); }
.en #liNavBt07 { width: 68px; height: 30px; background-image: url(../medias/en/tailleov.gif); }
.en #liNavBt08 { width: 69px; height: 30px; background-image: url(../medias/en/imprimerov.gif); }
.en #liNavBt09 { width: 162px; height: 37px; background-image: url(../medias/en/commanderov.gif); }

/* 2 paliers */

#hdrMenu li div {
	position: absolute;
	width: 140px;
	left: -999em;
	/*top: 25px;*/
	margin: 0;
	padding: 15px 15px 10px 15px;
	background-color: #005983;
	background-image: url(../medias/communs/menu_shadow.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#hdrNav li ul {
	overflow: hidden;
}

#hdrNav li li { float: none; width: auto; height: auto; margin-top: -1px; }

#hdrNav li li a {
	display: block;
	font-size: 70%;
	text-decoration: none;
	color: #f6f6f6;
	height: 1%;
	margin: 0;
	border-top: 1px solid #a0a0a0;
	padding: 4px 0 8px 15px;
}
#hdrNav li li a:hover{
	background-image: url(../medias/communs/arrow_menu.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}

#hdrNav li:hover div, #hdrNav li.over div, 
#hdrNav li li:hover ul, #hdrNav li li.over ul,
#hdrNav li li:hover div, #hdrNav li li.over div { left: auto; } 

/* accueil listes  */

#smenu1 li {
 	display: block;
	margin-top: -0.1em;
	width: 150px; 
	height: 1%;
}
#smenu1 li a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../medias/communs/arrow.gif);
	background-position: right 12px;
	background-repeat: no-repeat;
	color: #5f6c74;
	height: 1%;
	border-top: 1px solid #e7e7e7;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	font-size: 80%;
}
#smenu1, #smenu1 ul { 
	overflow: hidden;
	margin: 0 0 0 6px;
	list-style: none;
}
#smenu1 li a:hover {
	color: #005780;
	text-decoration: underline;
}
#smenu2, #smenu2 ul {
	overflow: hidden;
	margin-left: 6px;
	list-style: none;
	font-size: 80%;
}
#smenu2 li {
	margin-top: -0.1em;
	display: block;
	font-weight: normal;
	color: #5f6c74;
	width: 205px;
	padding: 0.4em 0 0 0.6em;
	background-image: url(../medias/communs/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#smenu2 li a:hover {
	color: #d8d8d8;
}
#smenu3{
	margin-left: 2.5em;
	padding-left: 1em;
	list-style-position: inside;
	list-style-image: url(../medias/communs/bullet1.gif);
	list-style-type: none;
}
#smenu3 ul{
	list-style: none;
	padding-left: 0;
	margin: 0.2em;
}
.lstPlan{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0;
}
.lstPlan li{
	margin: 0 0 0 15px;
	padding: 0 0 0.5em 10px;
	background-image: url(../medias/communs/bulletp1.gif);
	background-position: left 0.5em;
	background-repeat: no-repeat;
	line-height: 1.2em;
}
.lstPlan li li{
	margin: 0.5em 0 0 15px;
	padding: 0 0 0 10px;
	background-image: url(../medias/communs/bulletp2.gif);
	background-position: left 0.5em;
	background-repeat: no-repeat;
}

.membre1{ width: 25em; border-bottom: #e7e7e7 1px solid; padding: 10px }
.membre2{ width: 25em; padding: 10px }
.membre3{ padding-right: 10px; float: left; width: 3.3em; margin-bottom:2em; }
.col1{ float: left; width:245px; padding: 0 35px 10px 0; }
.col2{ float: left; padding:0 0 10px; 0;}
.col3{ float: left; width:245px; padding:0 0 10px; 0; margin-left:5px;}
.tabphoto{
	float: left;
	width:550px;
}

/* CSS Document */

.menu {
	font-size: 80%;
	text-decoration: none;
	color:#D3AF50;
	font-weight:bold;
}
.menu a:first-child
{
	margin-left: 175px;
}
.menutop {
	text-decoration: none;
	color: #f6f6f6;
}
.menutop:link {
	text-decoration: none;
	color: #f6f6f6;
}
.menutop:hover {
	text-decoration: underline;
	color: #ebebeb;
}
.menubottom {
	text-decoration: none;
	color: #5f6c74;
}
.menubottom:link {
	text-decoration: none;
	color: #5f6c74;
}
.menubottom:hover {
	text-decoration:underline;
	color: #4e585e;
}

.lienimage { color: #5f6c74; font-weight: bold; font-size: 67%; line-height: 2.5em;}
.lienimage:link { color: #5f6c74; font-weight: bold; text-decoration: underline;}
.lienimage:hover { color: #5f6c74; font-weight: bold; text-decoration: none;}

.titre1 { 
	margin: 0; 
	font-size: 80%; 
	font-weight: bold;
}
.text1 {
	color: #5f6c74;
	font-size: 80%;
	font-weight: normal;
}
.text1:link {
	color: #47545c;
	font-size: 80%;
	font-weight: normal;
	text-decoration:none
}
.text2 {
	color: #848484;
	text-decoration:none
}
.text2:link {
	color: #848484;
	text-decoration:none
}
.text2:hover {
	color: #848484;
	text-decoration: underline;
}
.text3 {
	color: #5f6c74;
	font-size: 70%;
	font-weight: normal;
}
.text4:link {
	color: #868f94;
	font-weight: normal;
	text-decoration: none;
}

.textlist {
	color: #5f6c74;
	font-size: 80%;
	font-weight: normal;
}

.lstxt{
	margin-left:20px;
	padding: 0 0 0 0.6em;
	background-image: url(../medias/communs/bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.lstxt1{
	margin: 0;
	padding: 0 0 0 0.6em;
}
#lstxt2{
	margin-left:20px;
	padding: 0 0 0.1em 1.1em;
	background-image: url(../medias/communs/bullet2.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
/* CSS Layout index */

.Printfooter { display: none; }

.mstr #container {
	width:975px;
	height: 480px;
	border: 0;
	background-image: url(../medias/communs/border.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.mstr #leftab {
	width:219px;
	padding: 14px 0 0 21px;
	float: left;
	border: 0;
} 
.mstr #logo {
	padding: 0;
	margin: 0;
}
.mstr #leftabottom {
	margin: 0;
	padding: 0 0 0 27px;
	background-image: url(../medias/communs/accueil_03.jpg);
	background-repeat: no-repeat;
}
.mstr #content {
	background-color: #FFFFFF;
/*	width: 608px;	*/
	width: 735px;
	margin-top: 14px;
	padding: 0;
	float: left;
}
.mstr #contentop {
	padding: 0;
	margin: 0;
	height: 25px;
	background-image: url(../medias/communs/accueil_04.gif);
	background-repeat: no-repeat;
}
.mstr #menutop {
	float: right;
	padding: 4px 17px 0 0
}
.mstr #photo_principale {
	float: left;
	margin: 0;
	height:319px;
	overflow:hidden;
	width:735px;
}
.mstr #photo_principale img {
	width: 735px;
	position: absolute;
}
.mstr #erreur404 {
	height: 257px;
	width: 593px;
	float: left;
	margin: 0;
	padding: 25px;
	background-image: url(../medias/communs/bg404.gif);
	background-repeat: no-repeat;
}
div.hr { height: 10px; border-top: 1px solid #e7e7e7; width:543px; }
div.hr hr { display: none; }

.mstr #contenu {
	background-image: url(../medias/communs/content_bg.gif);
	background-repeat: no-repeat;
	width:735px;
	float: left;
	margin: 0;
}
.mstr #home_text{
	width: 565px;
	height: 147px;
	float: left;
	padding: 18px 0 0 27px;
	margin: 0;
	background-image: url(../medias/fr/accueil_05.gif);
	background-repeat: no-repeat;
}
.mstr #footer {
	width:821px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	min-height: 45px;
	padding-bottom: 22px;
	float: left;
}
.mstr #bordure {
	width:821px;
	border-top: 1px solid #e2e2e2;
	margin-left:21px;
}
.mstr #menubas {
	width:700px;
	padding-left: 100px;
	padding-top: 15px;
	margin: 0;
}
.mstr #TopPage {
	float: right;
	height: 25px;
	padding-top: 25px;
	margin: 0;
}
.mstr #contgroup {
	width:731px;
	min-height: 405px;
}
.mstr #contclient {
	float: left; 
	padding-left:36px; 
	width:669px;
}
.mstr #contAct {
	float: right;
	padding-right:16px;
	height: 30px;
	margin: 0;
}

/* clearfix pour floats */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* documents */
.attLinkpdf, .attLinkdoc, .attLinkdocx, .attLinkxls, .attLinkxlsx, .attLinkeps, .attLinkzip, .attLinkjpg, .attLinkgif, .attLinkpng, .attLinkweb { display: inline-block; padding: 2px 0px 2px 24px; line-height: 18px; min-height: 18px; overflow: visible; background: url(/medias/communs/DocIcone/default.gif) center left no-repeat; }
.attLinkpdf { background-image: url(/medias/communs/DocIcone/pdf.gif); }
.attLinkdoc, .attLinkdocx { background-image: url(/medias/communs/DocIcone/doc.gif); }
.attLinkxls, .attLinkxlsx { background-image: url(/medias/communs/DocIcone/xls.gif); }
.attLinkjpg, .attLinkgif, .attLinkpng { background-image: url(/medias/communs/DocIcone/jpg.png); }
.attLinkeps { background-image: url(/medias/communs/DocIcone/eps.png); }
.attLinkzip { background-image: url(/medias/communs/DocIcone/zip.png); }
.attLinkweb { background-image: url(/medias/communs/DocIcone/web.gif); }

.divNews {
	background-color:#F9F9F9;
	border:1px solid #CCCCCC;
	min-height:144px;
	width:313px;
	padding: 10px;
	float:right;
	margin:10px;
}

.divSocial {
	float: right;
}

.divSocial img {
	margin-top: 8px;
	width: 25px;
}
.lnkArchives
{
/*
	background-color:#EAEAE8;
	border-color:#AAAAAA #D9D9D9 #D9D9D9 #AAAAAA;
	border-style:solid;
	border-width:1px;
	color:#005983;
*/
	font-size:0.7em;
	font-weight:bold;
	padding:6px;
	float: right;
}
.lnkArchives:hover
{
	font-weight:bold;
	text-decoration: underline;
}
#leftabottom .lnkCatalog
{
	background-image: url(/medias/communs/social-icons/pdficon_small.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 40px;
	margin-top: 20px;
	display: inline-block;
	font-size:0.8em;
	font-weight:bold;
	text-decoration: none;
}
#leftabottom .lnkCatalog:hover
{
	text-decoration: underline;
}
#hdrNav a
{
	cursor: default;
}
#hdrNav div a
{
	cursor: pointer;
	cursor: hand;
}