/* Start of CMSMS style sheet 'Chrysalide_Layout: Top menu + 2 columns' */
/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/



.body {
margin:0 0 0 0; 
padding:0 0 0 0;
}


body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75.01%;
	line-height: 1em;
margin:0 0 0 0;
padding:0 0 0 0;
background:#000d17;
}



/*set font size for all divs, this overrides some body rules*/
div {
	font-size: 1em;
}



/*if img is inside "a" it would have borders, we don't want that*/
img {
	border: 0;
}



/*default link styles*/
/* set all links to have underline and bluish color */
a, a:link a:active {
	text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
	background-color: inherit;
	color: #0084EA;
}


a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #0090FF;
/* a different color can be used for visited links */
}



/* remove underline on hover and change color */
a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #0090FF;
}



/*****************basic layout *****************/


body {
	margin: 0;
	padding: 0;
/* default text color for entire site*/
	color: #000d17;
/* you can set your own image and background color here */
	
}

div#contenerh{
width: 100%;
height:100%;

}



div#headwrapper {
	width: 100%;
height:440px;
padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: black;

}



div#slideshow{
position:absolute;
left:50%;
top:0%;
z-index:2;
	width: 1400px;
        height:445px;
	padding: 0 0 0 0;
	margin: 0 0 0 -700px;

overflow:hidden;
}



div.banniere_d_article{
position:absolute;
left:0%;
top:0%;
z-index:-10;
	width: 100%;
        height:400px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;

}



div#contener {
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
height:100%;
background: #000d17 url(uploads/style/background_chrysalide1350.jpg) no-repeat top center;

}




div#contener2 {
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
height:100%;
background: #000d17 url(uploads/style/background2_1350.jpg) no-repeat top center;

}



div#pagewrapper {
width: 983px;
padding: 0 0 0 0;
margin: 0 0 0 0;
color: white;

}




.header { position:relative; width: 897px; height: 132px; top:20px; z-index: 110; margin: 0 auto; 

}


.header .menu-bg {position: absolute; width: 897px; height: 132px;background: url(uploads/style/barre_header02.gif) no-repeat 187px 7px; z-index:-1; left:0px; top:0px;
filter:alpha(opacity=80);
 -moz-opacity:0.8;
 opacity:.8;
 -khtml-opacity:0.8;
}

.header .menu {width : 722px; height: 79px; position: absolute; top:35px; left:175px;
filter:alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:.7;
 -khtml-opacity:0.7;
}

.header .menu a { height: 79px; display: block; float: left; background-image: url(uploads/style/blocs_menu02.gif); background-repeat: no-repeat ; background-position: 0px 0px;}


.header .menu  .nav1 {width: 143px; background-position: 0px 0px;
}
.header .menu .nav1:hover { background-position:  0px -79px;
}	
.header .menu  .nav2 {width: 145px; background-position: -143px 0px;
}
.header .menu .nav2:hover { background-position: -143px -79px;
}	
.header .menu  .nav3 {width: 144px; background-position: -288px 0px;
}
.header .menu .nav3:hover { background-position: -288px -79px;
}	
.header .menu  .nav4 {width: 146px; background-position: -432px 0px;
}
.header .menu .nav4:hover { background-position: -432px -79px;
}	
.header .menu  .nav5 {width: 144px; background-position: -578px 0px;
}
.header .menu .nav5:hover { background-position: -578px -79px;
}	

.header .logo {width: 175px; height: 134px; display: block;cursor:pointer;}

.header-holder-frontpage {height: 132px; position: relative; top: -555px;}






.titrerubrique {
filter:alpha(opacity=80);
 -moz-opacity:0.8;
 opacity:.8;
 -khtml-opacity:0.8;
}









.menusoc  {width: 983px; height: 31px;filter:alpha(opacity=80);
 -moz-opacity:0.8;
 opacity:.8;
 -khtml-opacity:0.8}


.menusoc a { height: 31px; display: block; float: left; background-image: url(uploads/style/blocs_sousmenu_societe.gif); background-repeat: no-repeat ; background-position: 0px 0px;}

.menusoc  .nav1 {width: 245px; background-position: 0px 0px;
}
.menusoc .nav1:hover { background-position:  0px -31px;
}	
.menusoc .nav2 {width: 245px; background-position: -245px 0px;
}
.menusoc .nav2:hover { background-position: -245px -31px;
}	
.menusoc  .nav3 {width: 245px; background-position: -490px 0px;
}
.menusoc .nav3:hover { background-position: -490px -31px;
}	
.menusoc  .nav4 {width: 245px; background-position: -735px 0px;
}
.menusoc .nav4:hover { background-position: -735px -31px;
}	










.menuproj  {width: 983px; height: 46px;}


.menuproj a { height: 46px; display: block; float: left; background-image: url(uploads/style/blocs_sousmenu_projet.gif); background-repeat: no-repeat ; background-position: 0px 0px;
;filter:alpha(opacity=80);
 -moz-opacity:0.8;
 opacity:.8;
 -khtml-opacity:0.8;
}


.menuproj a:hover { filter:alpha(opacity=100);
 -moz-opacity:1.0;
 opacity:1.0;
 -khtml-opacity:1.0;
}

.menuproj  .nav1 {width: 196px; background-position: 0px 0px;
}
.menuproj .nav1:hover { background-position:  0px -46px;
}
.menuproj .nav2 {width: 197px; background-position: -197px 0px;
}
.menuproj .nav2:hover { background-position: -197px -46px;
}	
.menuproj  .nav3 {width: 197px; background-position: -394px 0px;
}
.menuproj .nav3:hover { background-position: -394px -46px;
}
.menuproj  .nav4 {width: 196px; background-position: -591px 0px;
}
.menuproj .nav4:hover { background-position: -591px -46px;
}	
.menuproj  .nav5 {width: 196px; background-position: -788px 0px;
}
.menuproj .nav5:hover { background-position: -788px -46px;
}	





















div#content {
position:relative;
top:50px;
left:0px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}





div#main {
margin:0 0 0 15px;
padding: 0 0 0 0;
text-align:left;
float:left;
width:100%;
}



div#topcontent {
float: left;
width: 100%;
height:40px;
display: inline;
margin: 0 0 0 0;
padding: 0 0 0 0;
float:left;
}



div.page-content {
width: 550px;
margin: 0 0 0 0;
padding: 0 0 0 0;

}

.page-content img{
width: 530px;
margin: 10px 10px 10px 10px;
padding: 0 0 0 0;
border: solid 1px #ffffff;
}



.Image_Bandeau_Superieur {
}


.Image_Bandeau_Superieur img {
display: block; 
margin:0 0 15px 0;
padding: 0 0 0 0;
float:left;
width:951px;
height:auto;
border:solid 1px #2B5D87;
}

.video {
border:solid 1px #2B5D87
}

.videosup {
border:solid 1px #2B5D87
}


.gallery {
display: block; 
margin:75px 0px 15px 0px;
padding: 0 0 0 0;
text-align:center;
width:372px;
height:760px;
background:#2B5D87 url(uploads/style/gall_back.jpg) no-repeat top left;
border:solid 1px #2B5D87;
overflow:hidden;
}

.gallery img {
display: block; 
margin:20px 1px 3px 24px;
padding: 0 0 0 0;
float:left;
width:89px;
height:68px;
border:solid 1px #f0f0f0;
}

.gallery tr{
font-size:7pt;
text-align:center;
}




/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {
font-size: 26pt;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
text-align:left;
}



div#content h2 {
	color: #ffffff;
font-size: 14pt;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
text-align:left;
}


div#content h3 {
	color: #ffffff;
font-size: 10pt;
margin: 30px 0 10px 0;
padding: 0 0 0 0;
text-align:left;
}



div#content h4 {
font-size: 10pt;
	color: #ffffff;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
text-align:left;
}



div#content h5 {

font-size: 10pt;
	color: #ffffff;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
text-align:left;
}


div#content h6 {

font-size: 10pt;
	color: #ffffff;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
text-align:left;
}


p {
font-size:10pt;
color: #ffffff;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
text-align:left;
}




div#main {
width:100%;
/* margin for the entire div surrounding the news items */
	margin: 0 0 0 0;
padding: 0 0 0 0;
/* border set here */

/* sets it off from surroundings */
	
text-align:left;

}


.maintitle{
color:#ffffff;
width:100%;
height:35px;
background:  url(uploads/style/barre_top_menu.gif) no-repeat bottom left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.maintitle h2 {
width:968px;
height:35px;
color:#ffffff;
font-weight:900;
font-size:13pt;
margin: 20px 0 0 15px;
padding:20px 0 0 0;
}


.maincontent-to {
width:100%;
height:50px;
background: url(uploads/style/barre_top_sousmenu.gif) no-repeat bottom right;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


.maincontent {
color:#ffffff;
background: #315b8b url(uploads/style/back_news.jpg) repeat-y top right;
margin: 0 0 0 0;
padding: 15px 15px 15px 15px;
filter:alpha(opacity=90);
 -moz-opacity:0.9;
 opacity:.9;
 -khtml-opacity:0.9;

}


.maincontent-bt {
width:100%;
height:38px;
background: url(uploads/style/barre_under_sousmenu.gif) no-repeat top right;
margin: 0 0 0 0;
padding: 0 0 0 0;
}































/* END HEADINGS */
/* TEXT */

p {
/* default p font size, this is set different in some other divs */
	font-size: 9pt;
/* some air around p elements */
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	padding: 0;
font-weight:200;
color:#C9D6E0;
}


blockquote {
}


strong, b {
	font-weight: bold;
}


em, i {
	font-style: italic;
}



/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}



pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}



/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}


/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}


div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}


/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}



div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}


div#main dl dd {
	margin: 0 0 1em 1em;
}



/* END LISTS */
/* End of 'Chrysalide_Layout: Top menu + 2 columns' */