html, body, table  {height:100%;margin:0;padding:0;}
body {
font-family:Arial, Helvetica, Verdana, sans-serif;
background-image:url(../images/bg-site.jpg);
background-repeat:repeat-x;
}

h1 {
margin:0;
font-weight:normal;
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#0070d5;
border-bottom: 1px dotted #0070d5;
padding-bottom:10px;
}
h2 {
margin:0;
font-weight:normal;
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#0070d5;
border-bottom: 1px dotted #0070d5;
padding-bottom:10px;
}
h3 {
font-weight:bold;
font-size:16px;

}
h4 {
font-weight:normal;
}
h5 {
font-weight:normal;
}
p {
margin:10px 0;
font-size:14px;
line-height:20px;
color:#333;
}

hr {
height:1px;
border:0px;
border-top:1px solid #CCC;
margin:20px 0;
}

a img {border:none;}
a, a:hover {text-decoration:none;}
a {color:#000;}
.clic {cursor:pointer;}
.right {float:right;}
.left {float:left;}
.jus {text-align:justify;}

ul.liste {
list-style:square;
margin:0 0 0 20px;
padding:10px 0 0 0;
font-size: 14px;
list-style-position:outside
}
.liste li {
line-height:14px;
padding:0 0 10px 0;
}
/************************************************************/
/*				CLEARFIX									*/
/************************************************************/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear {clear:both;}

/************************************************************/
/*				LOGIN										*/
/************************************************************/



/************************************************************/
/*				SITE										*/
/************************************************************/
#site {
position: relative;
width:980px;
padding:10px;
margin:0px auto;

}


/************************************************************/
/*				TOP											*/
/************************************************************/
#top {
overflow:hidden;
}
#logo {
background-image:url(../images/logo-nacre.jpg);
background-repeat:no-repeat;
width:157px;
height:138px;
display:block;
float:left;
padding-right:20px;
position:absolute;
top: 6px;
left: -6px;
z-index:20;
}

#societe {
padding: 0;
margin-left:160px;
float:left;
}
#title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
text-transform:uppercase;
font-weight:bold;
line-height: 10px;
}
#subtitle {
font-size:16px;
font-style:italic;
}
#langue {
float:right;
font-size:12px;
padding-top: 34px;
margin-bottom: 15px;
}
#langue li {
display:inline; 
cursor:pointer; 
list-style:none; 
position:relative;
padding:0 10px;
margin:0;
}
#langue li a {
color:#333;
}

/************************************************************/
/*				MENU										*/
/************************************************************/
#menu-container {
/*box-shadow: 0px 5px 10px #777;*/
width:980px;
padding:10px 10px 10px 10px;
height:26px;
position:relative;
z-index:10;
}
#menu {
margin-left: 155px;
padding:0;
}
#menu li {
float:left; 
display:inline; 
cursor:pointer; 
list-style:none; 
position:relative;
padding:0 10px;
margin:0;
}
#menu li a {
display:block; 
padding:0px 20px;
text-decoration:none;
color:#ffffff;
line-height:30px;
}
#menu li ul.menu-niveau-1 {
left:-1px; 
top:100%;
}
#menu ul li {width:100%;}
#menu ul li a {border-bottom:1px dotted #336699;}
#menu ul li a.last-child {border-bottom:0px;}
#menu ul li a.has-children {background:url('css-images/menu.bullet-children.png') no-repeat right;}
#menu li:hover { 
position:relative; 
z-index:2000; 
} 
#menu li:hover > ul { 
display:block; 
position:absolute; 
width:auto;
top:-1px; 
left:100%;
z-index:1000; 
background:#254A70;
border:5px solid #254A70;
} 
#menu ul li a {
display:block; 
padding:0px 5px;
text-decoration:none;
color:#ffffff;
line-height:30px;
font-size:12px;
}
#menu ul li a:hover {background:#336699!important;}
#menu > li:hover > ul {
left:0px;
position:absolute;
top:30px;
}
#menu ul { display:none; }

#menu li:hover > a, #menu ul li:hover > a, #menu a.active {color:#0070d5;}

#langue li:hover > a, #langue ul li:hover > a, #langue a.active2 {color:#0070d5;}
/************************************************************/
/*				CONTENT										*/
/************************************************************/
#content { padding:0px; margin-top:24px;}
#bandeau_fixe {
background-image:url(../images/bandeau_fixe.jpg);
width:980px;
height:166px;
margin-top: -20px;
margin-bottom:20px;
}
#column-r {
width:300px;
padding:0px;
margin: 0;
overflow:hidden;
float:right;
}
#column-l {
padding:0;
width:650px;
float:left;
padding:0px;
}

.orange{color:#ff9302;}

#encart_newsletter {
background-image:url(../images/img_newsletter.jpg);
background-repeat:no-repeat;
width:309px;
height:182px;
float:left;
margin: 20px 0px 0 0;padding-right: 32px;
}
#encart_newsletter .titre {
color:#fff;
font-weight:bold;
text-shadow: 0px 0px 3px #222;
padding-left:15px;
font-size:16px;
}
.contenu {
background-image:url(../images/bg-encart.png);
background-repeat:repeat;
width: 205px;
height: 105px;
padding: 10px;
margin-left: 15px;
}
#nl_mail {
width:190px;
margin:0 auto;
}
#nl_submit {
width:110px;
height:30px;
display:block;
margin:0 auto;
background-color:#ff9302;
margin-top: 10px;
border-radius:5px;
color:#fff;
text-transform:uppercase;
border:none;
}
#encart_contact {
background-image:url(../images/img_contact.jpg);
background-repeat:no-repeat;
width:309px;
height:182px;
float:left;	
margin: 20px 0px 0 0;
}
#encart_contact .titre {
color:#fff;
font-weight:bold;
text-shadow: 0px 0px 3px #222;
padding-left:15px;
font-size:16px;
}
/************************************************************/
/*				FOOTER										*/
/************************************************************/
#footer {
clear:both;
overflow:hidden;
width:980px;
margin:0 auto;
background-color:#2e2e2e;
color:#fff;
}
#footer p {
text-transform:uppercase;
font-size:10px;
text-align:center;
color:#aaaaaa;
padding:10px;
margin:0;
}
#footer p a {color:#aaaaaa;}
#footer p a:hover {color:#888888;}
/************************************************************/
/*				ACTUALITES									*/
/************************************************************/
.actualite {margin:0; padding:0;}

#actu1 {
border-bottom: 1px dotted #888;
padding-bottom:10px;padding-bottom: 30px;
}
#actu1 h3{
padding-top:25px;
line-height: 6px;
}
#actu2 {
border-bottom: 1px dotted #888;
padding-bottom:10px;padding-bottom: 30px;
}
#actu2 h3{
padding-top:25px;
line-height: 6px;
}
#actu1 .picto {
background-image:url(../images/picto-loupe.png);
width:38px;
height:38px;
float:left;
margin: 20px 20px 13px 0;
}
#actu1 .texte {
color:#888;
font-size:12px;
line-height: 16px;
}
a.link1 {
color:#ff9302;
font-size:12px;
float:right;
}
a:hover.link1  {
color:#0070d5;
}

#actu2 .picto {
background-image:url(../images/picto-infos.png);
width:38px;
height:38px;
float:left;
margin: 20px 20px 13px 0;
}
#actu2 .texte {
color:#888;
font-size:12px;
line-height: 16px;
}
.date {
color:#ff9302;
font-size:14px;
}
a.toutes_actus {
font-weight:bold;
font-size:12px;
float:right;
line-height: 25px;
}



#actu_bandeau {
width:270px;
position: absolute;
top: 40px;
left: 45px;
}
#actu_bandeau p.titre{
color:#ff9302;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
padding-bottom:8px;
border-bottom: dotted #fff 1px;
text-shadow: 0px 0px 9px #444;
z-index:50;
}
#actu_bandeau .texte p {
color:#FFFFFF !important;
font-size:14px;
}
.link2 {
display:block;
box-shadow: 2px 2px 2px #444;
width:100px;
height:15px;
text-align:center;
font-size:12px;
padding:5px;
}
a.link2 {
color:#fff;
background-color:#0070d5;
border-radius:5px;
} 
a:hover.link2  {
background-color:#ff9302;
}

.link3 {
	text-decoration:underline;
}
/************************************************************/
/*				CAROUSEL									*/
/************************************************************/


#caroussel {
	position: relative;
}
.slide-1 {
	width: 980px;
	height: 220px;
	background: url('../images/slide1.jpg') no-repeat;
	position: relative;
}
.slide-2 {
	width: 980px;
	height: 220px;
	background: url('../images/slide2.jpg') no-repeat;
	position: relative;
}
.slide-3 {
	width: 980px;
	height: 220px;
	background: url('../images/slide4.jpg') no-repeat;
	position: relative;
}
.content-caroussel {
	position: relative;
	margin-top: 4px;
}
#pagination {
	position: absolute;
	right: 20px;
	bottom: 15px;
}
#pagination .item {
	width: 22px;
	height: 22px;
	background: url('../images/nav_2.png');
	float: left;
	cursor: pointer;
}

#pagination .selected {
	background: url('../images/nav_active.png');
	cursor: pointer;
}
.slide-actu {
	position: absolute;
	left: 50px;
	top: 80px;
}


/************************************************************/
/*				TABLEAU										*/
/************************************************************/
table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-collapse:collapse;}
.tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;}
.tableizer-table th {background-color: #ff9400; color: #FFF; font-weight: bold;}
.table_gris {background-color: #cacaca; color:#111;}

/************************************************************/
/*				CONTACT										*/
/************************************************************/
#map-canvas {
width:300px;
height:200px;
}


/************************************************************/
/*				LINKS										*/
/************************************************************/
a.read-more {color:#000;}
a.link {
margin:  5px  0 5px 0 !important;
height:20px;
display: block;
color:#32739D;    
font-weight:bold;
line-height:20px!important;
text-align:right;
float:right;
padding:0 5px 0 20px;
width:120px;
}

a.link:hover{
filter : alpha(opacity=50);
-moz-opacity : 0.5;
opacity : 0.5;
color:#41A5D9;
}
#liens p {
text-transform:uppercase;
color:#888;
font-size:10px;
text-align:center;
}
#liens a {
text-transform:uppercase;
color:#888;
font-size:10px;
text-align:center;
}
#liens a:hover {
color:#333;
}

/************************************************************/
/*				ICONS										*/
/************************************************************/
img.icon {
border:0px;
margin:0 5px 0 0;
position:relative;
top:3px;
}


/************************************************************/
/*				WARNINGS									*/
/************************************************************/
.warning {
color:#c50000;
font-weight:bold;
}


/************************************************************/
/*				CAPTCHA										*/
/************************************************************/
#cryptogram {
display: inline-block;
position: relative;
top: 10px;
height:27px;
}
#cryptogram-reloader-container {
cursor: pointer;
position: relative;
top: 5px;
display: inline-block;
}
#cryptogram-reloader {
display: inline-block;
margin: 0 10px 0 5px;
position: relative;
}