* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}
body{
    background:url(images/bottom-bg.gif) repeat-y center #eeddbe;
    font-family:Arial, sans-serif;
    color:#666;
    font-size:13px;
    line-height:18px;
}
a{
	cursor:pointer;
    font-weight: bold;
    color:#383D44;
    text-decoration: none;
}
a:hover{
    color:#bb0101;
}
a img{
    border:solid 1px #e0e0d5;
    background:#fff;
}
#header{
	height:127px;
	background:url(images/header-bg.gif) repeat-x;
}
#header .inner{background:url(images/texture.gif) no-repeat center 0; height:127px}
#flash{
	margin-left:-10px;
	float: left;
	display: inline;
}

#flash-home{width:861px; height:248px; margin-top: 5px; }


h1{font-size: 28px; line-height:27px; color:#383d44; font-family: georgia, serif; font-weight: normal;}
h2{font-size: 20px; line-height:27px; color:#383d44; font-family: georgia, serif;}
h4{font-size: 20px; line-height:27px; color:#383d44; font-family: georgia, serif;}


h3.bc a.root, h3.bc a.root:visited, h3.bc a.root-single, h3.bc a.root-single:visited {
background:transparent url(images/bc_root_left.gif) no-repeat scroll left top;
}
h3.bc a, h3.bc a:visited {
background:#e8e5dc none repeat scroll 0 0;
color:#3e6375;
display:block;
float:left;
height:23px;
padding-left:5px;
text-decoration:none;
}

h3.bc a:hover {
color:#383D44;
}

h3.bc a.end span {
background:transparent none repeat scroll 0 0;
color:#666666;
}

h3.bc a.start span {
background:transparent none repeat scroll 0 0;
color:#666666;
font-weight: normal;
}

h3.bc a.root span {
background:transparent url(images/bc_segment_right.gif) no-repeat scroll right top;
}

h3.bc a.end:hover {
color:black;
cursor:default;
}
h3.bc a.end, h3.bc a.end:visited, h3.bc a.start, h3.bc a.start:visited {
background:transparent none repeat scroll 0 0;
}

h3.bc a.parent span {
background:transparent url(images/bc_segment_right_end.gif) no-repeat scroll right top;
}

h3.bc a span {
background:transparent url(images/bc_segment_right.gif) no-repeat scroll right top;
display:block;
line-height:13px;
padding:5px 17px 5px 6px;
}

h3.bc {
font-family:"Lucida Grande","Lucida","Arial",Sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:12px 26px 25px 0px;
padding:0 0 10px;
}
.clearfix {
display:block;
}


#header .right-section{
	margin:0 0 0 auto;
	width:580px;
}
.shell{
	width:861px;
	margin:0 auto;
}
.fil {
margin-bottom:7px;
}

#navigation{height:48px;width:572px;float: right; display: inline;margin-top:74px;margin-right:-28px;}
#navigation ul{list-style-type: none;height:48px}
#navigation li {float: left; display: inline;}
#navigation li a{float: left; display: inline;height:48px; text-indent: -4000px; font-size: 0; line-height:0; background-position: 0 bottom;background-repeat: no-repeat;}
#navigation li a.active,
#navigation li a:hover{float: left; display: inline;height:48px; text-indent: -4000px; font-size: 0; line-height:0; background-position: 0 0;}
#navigation li a.accueil{background-image:url(images/accueil.gif); width:93px;}
#navigation li a.presentation{background-image:url(images/presentation.gif); width:124px;}
#navigation li a.competences{background-image:url(images/competences.gif); width:127px;}
#navigation li a.actualites{background-image:url(images/actualites.gif); width:106px;}
#navigation li a.contact{background-image:url(images/contact.gif); width:97px;}

#content{background:url(images/content-bg.gif) repeat-y center 0; padding-top:3px; padding-bottom:35px}

.blue-box{background:url(images/blue-rep.gif) repeat-y; width:861px; margin-bottom:15px}
.blue-box .top{background:url(images/blue-top.gif) no-repeat; width:861px}
.blue-box .bottom{background:url(images/blue-bottom.gif) no-repeat 0 bottom; width:861px; padding:30px 0 24px 21px}
.blue-box p{padding-top:8px; padding-right:30px}
.blue-box img{
	float: left;
	display: inline;
	background:#fff;
	padding:9px;
	border:solid 1px #e0e0d5;
	margin-top:14px;
}

.blue-box iframe{
	float: left;
	display: inline;
	background:#fff;
	padding:9px;
	border:solid 1px #e0e0d5;
	margin-top:14px;
}

#carte {
	height: 270px;
}

#illustration-blue{
	float: left;
	display: inline;
	background:#fff;
	padding:9px;
	border:solid 1px #e0e0d5;
	margin-top:14px;
	height: 175px;
	width: 381px;
}
.blue-box small{
	float: left;
	width: 300px;
	display: inline;
}
.middle ul{display: block; list-style-type: none; }
.middle li.equipe{float: left; display: inline; height: 380px;}
.middle li.equipe img{padding:5px; display: block; background:#fff;border:solid 1px #e0e0d5;}
.middle li.equipe{width:136px; float: left; display: inline; margin-right:28px; margin-top:13px; margin-bottom:10px}
.middle li.frame span{padding-left:3px;font-weight: normal; color:#666; display:block; }


.right-area{float: left; display: inline; padding-left:20px; margin-bottom: 20px; width: 420px}
.right-area ul{list-style-type: none; padding-top:8px;  padding-right:30px; line-height:22px}
.right-area li{background:url(images/bull.gif) no-repeat 0 4px; padding-left:24px}
.right-area strong{display: block;padding-top:21px}
.right-area p{display: block;padding-top:21px}

.middle{width:820px;margin-left:20px}
#content .middle .last{margin-right:0}

.middle h2{
	border-bottom:solid 1px #e0e0d5;
	font-weight: normal;
	clear: left;
}
.middle h4{
	border-bottom:solid 1px #e0e0d5;
	font-weight: normal;
}

.middle a.frame img{padding:5px; display: block; background:#fff;border:solid 1px #e0e0d5;}
.middle a.frame:hover img{background:#e1dbc8;}

.middle a.frame{width:258px; float: left; display: inline; margin-right:22px; margin-top:13px; margin-bottom:10px}
.middle a.frame span{padding-left:3px;font-weight: normal; color:#666; display:block; }
.middle a.frame:hover span{font-weight: normal; display:block; }
.middle a.frame:hover span strong{display:block; color:#bb0101;}

.floatleft{
float: left;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E0E0D5;
display:block;
padding:5px;
margin-top: 20px;
}
.middle .right-area{width: 620px}


.left-col{width:258px; float: left; display: inline; margin-top:22px; overflow:hidden;}
.left-col h2{margin-bottom:12px; font-weight: normal;}
/*.left-col img{display: block; background:#fff; border:solid 1px #e0e0d5;padding:5px; margin-bottom:18px}*/

.left-col a.frame { margin-top:0; }
.left-col a.frame span { padding-top:15px; padding-left:0; }
.left-col a.frame span strong{ padding-top:2px; display:block; color:#383D44; }
.left-col a.frame:hover span strong{ padding-top:2px; display:block; color:#bb0101;  }

.right-col{width:540px; margin: 0 0 25px auto; padding-top:22px}
.right-col h2{margin-bottom:12px; font-weight: normal;}
.right-col h4{margin-bottom:12px; font-weight: normal;}
.right-col a.large{width:540px;display: block; border-bottom:dashed 1px #e0e0d5; padding-bottom:7px; margin-bottom:9px}
.right-col a.more{font-weight: normal;}
.right-col img{float: left; display: inline; padding:5px}
.right-col a.large:hover img{background:#e1dbc8;}
.right-col a.large:hover strong{color:#bb0101;}
.right-col span{margin:0 0 0 auto; width:450px; color:#666; font-weight: normal; display:block; }
.right-col strong{color:#383D44;}
.right-col small{font-size: 11px; line-height:13px;}

.right-col li {background:transparent url(images/bull.gif) no-repeat scroll 0 4px; padding-left:24px;}


.right-col-half{width:390px; margin: 0 0 0 auto; padding-top:22px}
.right-col-half h2{margin-bottom:12px; font-weight: normal;}
.right-col-half a.large{width:390px; height:80px; display: block; border-bottom:dashed 1px #e0e0d5; padding-bottom:7px; margin-bottom:9px}
.right-col-half a.more{font-weight: normal;}
.right-col-half img{float: left; display: inline; padding:5px}
.right-col-half a.large:hover img{background:#e1dbc8;}
.right-col-half a.large:hover strong{color:#bb0101;}
.right-col-half span{margin:0 0 0 auto; width:310px; color:#666; font-weight: normal; display:block; }
.right-col-half strong{color:#383D44;}
.right-col-half small{font-size: 11px; line-height:13px;}

.left-col-half{width:390px; float: left; display: inline; margin-top:22px; overflow:hidden;}
.left-col-half h2{margin-bottom:12px; font-weight: normal;}
.left-col-half a.large{width:390px; height:80px; display: block; border-bottom:dashed 1px #e0e0d5; padding-bottom:7px; margin-bottom:9px}
.left-col-half a.more{font-weight: normal;}
.left-col-half img{float: left; display: inline; padding:5px}
.left-col-half a.large:hover img{background:#e1dbc8;}
.left-col-half a.large:hover strong{color:#bb0101;}
.left-col-half span{margin:0 0 0 auto; width:310px; color:#666; font-weight: normal; display:block; }
.left-col-half strong{color:#383D44;}
.left-col-half small{font-size: 11px; line-height:13px;}


#footer{background:url(images/ftr.gif) no-repeat center 0;height:370px; padding-top:12px}
#footer .inside{background:url(images/footer-bg.gif) repeat-y center 0; height:370px; padding-top:26px; padding-left:40px}
#bottom{background:url(images/btr.gif) no-repeat center 0;height:100px; padding-top:12px}
#bottom .inside{background:url(images/bottom-bg.gif) repeat-y center 0; padding-top:26px; padding-left:40px}

.ftr-box{width:225px; float: left; display: inline; margin-left:40px; margin-right:20px; }
.ftr-box a span { 
	min-height:90px; display:block; color:#333; font-weight: normal; background-repeat:no-repeat; background-position: 0 0; padding:2px 0 0px 70px; }
.ftr-box a.first span { background-image:url(images/tree.gif); }
.ftr-box a.center span { background-image:url(images/center.gif); }
.ftr-box a.last span { background-image:url(images/last.gif); }


.ftr-box a strong{
	display: block; 
	background:url(images/ftr-hov.gif) no-repeat; 
	color:#fff !important; 
	margin-left:5px;
	height:26px; 
	line-height:26px; 
	width:189px; 
	text-align: center;
}
.ftr-box a:hover strong{ background:url(images/ftr-hov.gif) no-repeat 0 bottom; color:#fff; }

.misc{border-top:solid 1px #eee2cf; border-bottom:solid 1px #eee2cf; margin-top:28px; padding-top:15px}
.misc p{font-size: 11px; padding-bottom:15px; line-height:13px; }
.misc .phone span{color:#525960;}
.misc .phone em{font-style: normal; font-weight: bold;}
.misc .phone {width:300px}

.left-sider{float: left; display: inline;margin-top: 23px;}
.left-sider strong{font-size: 12px; display: block;}
.left-sider p{font-size: 11px; line-height:13px}
.left-sider img{margin-top: 5px;}
.right-sider{text-align:right;}
.right-sider{margin:23px 0 0 auto; width:600px;}
.right-sider a{font-family: helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#666;}
.right-sider a:hover{text-decoration: underline;}