/* Start of CMSMS style sheet 'main.css' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0px;
padding:0px;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Georgia, "Trebuchet MS", sans-serif;
   font-size: 100%;
background: #edf4f5 url(images/fond_body.jpg) repeat-x;

}

.numbers{
font-family:"Times New Roman";
font-size:14px;

}

div#pagewrapper {
  
   margin: 0 auto;       /* this centers wrapper */
 width:961px;
   background-color: #fff;;
   color: black;
}

/*
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;
display:block;
}

/*
 MENU HOLDER
 */

#menuSearchBox{
clear:both;
height:33px;

color:#fff;
}

#menu{
float:left;
}

#flashAnim{
z-index:5;
position:relative;
clear:both;
width:740px;
height:384px;
}

#flashAnim img{
position:absolute;
z-index:8;
top:0px;
left:0px;
}

#flashAnim img.active{
z-index:10;
}

#flashAnim img.last-active{
z-index:9;
}

/* position for the search box */
div#search {
float:right;
   width: 211px;  
   text-align: left;
   padding: 0px;
padding-left:10px;
   margin:0px;
background: #50889f url(images/fond_search.jpg) repeat-x;
height:33px;

}

div#search form{
margin:0px;
padding:0px;
margin-top:5px;
}


div#search label{
display:none;
}

div#search input{
border:none;
width:130px;
margin:0px;
margin-right:4px;
}

div#search input:hover,div#search input:focus{
background-color:#adddea;
color:black;
font-weight:bold;
}

div#search input.searchBtn{
width:65px;
background:none;
color:#fff;
font-weight:bold;
font-size:11px;
}

div#search input.searchBtn:hover{
background-color:#54B8D3;
font-weight:bold;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active,a:visited {
   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: #4d8299; 
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color:#fff;
background-color:#4d8299;
}


/* HEADING */

h2,h3,h4{
color:#3d758a;
margin-bottom:6px;
}

h2{
margin:0px 0px 15px 0px;
font-size:21px;
font-weight:bold;
}

h3{
margin-top:12px;
font-size:16px;
}

h2#actus_title{
width:92px;
height:22px;
position:absolute;
left:20px;
top:-10px;
background: transparent url(images/actualites.png) no-repeat top left;
margin:0px;
}

h2#actus_title span{
height:0px;
display:block;
overflow:hidden;
}

/* GENERAL LIST */
ul{
list-style-position:inside;
margin-bottom:15px;
}

li{
margin-bottom:5px;
}

ul ul{
margin-top:5px;
}

ul ul li{
margin-left:10px;
}

ul.sitemap ul ul{
padding-left:20px;
}

ul.sitemap li{
font-size:15px;
font-weight:bold;
}

ul.sitemap ul li{

font-size:12px;
font-weight:normal;
}


/* BREADCRUMB */
#breadcrumb{
margin-bottom:15px;
border-bottom:1px solid black;
}

#breadcrumb .lastitem{
color:white;
background-color:#54b8d3;
padding:0px 5px;
}

/*****************
basic layout 
*****************/
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
   height: 114px;    /* adjust according your image size */
   background: #fff; 
   position:relative;
}


div#header h1 a {
background: #fff url(images/logo_mut.jpg) no-repeat 0 0px; 
   display: block;
   height: 114px;            
  text-decoration:none;
text-indent:-999em;
}

div#header h1{
float:left;
width:264px;
}

/* baseline */
div#header #baseline{
float:right;
width:617px;
height:38px;
background: #fff url(images/baseline_mut.png) no-repeat;
margin-top:40px;
margin-right:32px;
}

div#header #baseline span{
display:block;
height:0px;
overflow:hidden;
}


#info_btn{
width:44px;
height:45px;
position:absolute;
bottom:-7px;
left:33px;

}
/* ### CONTENTS ### */
#contents_wrap{
position:relative;
font-size:12px;
background: transparent url(images/right_column_bg.png) repeat-y top left;
border-bottom:1px solid white;
}

#contents_wrap:after{
content:" ";
height:0px;
display:block;
clear:both;
}

#left_contents{
float:left;
width:740px;
padding-bottom:64px;
}

#right_contents{
float:right;
background-color:transparent;
padding-top:0px;
width:221px;

}



#contents{
padding-left: 30px;
padding-right:30px;
padding-top:30px;

}

div#footer {
   clear: both;       /* keep footer below content and menu */
padding-bottom:6px;
padding-top:6px;
}

div#footer p {
   text-align: center;  /* centered text */
   margin: 0;
}

div#address{
position:relative;
color:white;
background:transparent url(images/fond_info.jpg) repeat-x top left;
font-size:14px;
height:29px;
padding-left:90px;
line-height:1.8em;

}

div#footer p a,div#footer p a:visited{
   color: #424141; /* needed becouse footer link would be same color as background otherwise */
font-size:11px;
text-decoration:underline;
background-color:transparent;
}



/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}/* relational links under content */




/********************
CONTENT STYLING
*********************/


/* TEXT */
p {
   margin: 0 0 15px 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

.bleuciel{
color:#54b8d3;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}

em, i {
/* explicit setting for these */
   font-style:italic;
}

/********************
FRAMES STYLING
*********************/
#myframe{
height:650px;
}

/********************
NEWSLETTER STYLING
*********************/

#newsletterBox p{
margin-bottom:10px;
}

#newsletterBox p label{
float:left;
text-align:right;
width:95px;
display:block;
}



/* End of 'main.css' */