* { padding: 0 ; margin: 0 ; }
 
a { outline: none ; color: #215473; text-decoration:underline; }
a:hover { outline: none ; color: #357B9F; text-decoration:none; } 

a img {
border: none;
}

p, a, h1, h2, h3, h4, h5, h6, li, td {
font-family: Arial, Arial, Helvetica, sans-serif;
}

p, li {
font-size: 9pt;
}

a[href$=".pdf"] {
background: url(../images/pdficon_small.gif) no-repeat right top;
padding-right: 23px;
padding-bottom: 5px;
}
 
/* HEADER 
=======================================*/

#header {
width: 950px;
margin: 0 auto ;
position: relative;
border-top: 10px #a40102 solid ;
}

#header h2{
  margin-top: 35px;
  padding-left: 5px;
  font-size: 20px;
  color: #015c93;
  border-left: 2px #a40102 solid;
  width:250px;
  float: left;
}

#header #title-group {
  float: left;
  position:relative;
  left:5px; 
}

#header #title-group h3{
color: #929292;
font-size: 8pt;
margin-left: 3px;
width: 450px;
}

#header-menu {
  list-style: none ;
  position: absolute;
  bottom:115px;
  left:775px;
}

#header-menu li {
display: inline; 
border-right: 1px #015c93 solid;
padding: 0 5px 0 5px;
}

/* Logo
=======================================*/

#logo { float: left; background: url(../images/andredrolet.jpg) no-repeat ; width: 344px; height: 142px; }
#logo h1 { margin: 0; z-index: 3; width: 344px; height: 142px; text-indent: -9000px; border: none; }
#logo h1 a { display: block; height: 142px; } 

/* Fin de HEADER
=======================================*/

/* MENU 
=======================================*/

#menu {
width: 950px;
margin: 0 auto ;
height: 37px;
background-color: #a40102  ;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 158px;
float: left;

}

#menu a, #menu h2 {
font: bold 13px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #AA120F #660000 #550000 #dd0000;
margin: 0;
padding: 9px 5px 9px 5px;
}

#menu a.first, #menu h2.first {
border-color: #AA120F #660000 #550000 #660000;
} 

#menu h2 {
color: #fff;
}

#menu a {
color: #fff;
background: #A40102;
text-decoration: none;
}

#menu a:hover, #menu .current {
color: #357B9F;
background: #ebebeb;
}

#menu li {position: relative; z-index: 500;}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul {display: block;}

div#menu ul ul {display: none;}

div#menu ul li:hover ul {display: block;}

/* Fin de MENU
=======================================*/

/* CONTENT 
=======================================*/


#content {
width: 950px;
margin: 0 auto ;
min-height:450px;
padding-bottom : 20px;
background: url(../images/content-bg.jpg) repeat-x bottom ;
}

/* Level One */

#leveloneboxes {
position: relative;
margin-left:10px;
}

/*hack ie6 */

* html #leveloneboxes{
float:left;
display:block;
}


#main-box {
  margin-top: 10px;
  background: url(../images/mainbox-bg.gif) repeat-y ;
  background-color: #BEBEBE;
  width:270px;
  height: 240px;
  padding: 10px 0px 0px 1px;
  float:left; 
}

#main-box p{
  width: 240px;
}

/* Liste de feed */
ul.feed-list{
list-style: none;
margin: 30px 10px 10px 10px;
}

ul.feed-list li img{
float:left;
width:32px;
}

ul.feed-list li a{
position:relative;
display:block;
padding:7px;
height:35px;
width : 220px;
text-decoration: none;
margin-top:10px;
color:#000;
}

ul.feed-list li a:hover{
color: #357B9F;
}
ul.feed-list li strong{
font-size : 11pt;
width: 172px;
float: right;
}
/* fin de la liste de feed */

.leftborder {
border-left: 3px #a40102 solid;
padding-left: 10px;
margin-left: 5px;
}

/* typo */
.upperblue {
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;
color: #015c93;
}


/* Level Two */

#left-box, #right-box {
margin-top: 20px;
float:left;
}

#left-box {
margin-left:10px;
width : 609px;
background: url(../images/bigbox-bg.gif) repeat-y ;
}

#left-box p {
margin:15px;
}

#right-box {
margin : 20px 0 0 61px;
}

.big-title-box {
text-transform: uppercase;
color: #015c93;
font-size: .9em;
word-spacing: 2px;
padding: 15px 0 25px 12px;
background: url(../images/big-title-bg.gif) no-repeat ;
}

.title-box {
text-transform: uppercase;
color: #015c93;
font-size: .9em;
word-spacing: 2px;
padding: 15px 0 25px 12px;
background: url(../images/title-bg.gif) no-repeat ;
}

.leveltwobox {
  background: url(../images/box-bg.gif) repeat-y ;
  width:260px;
  padding-bottom: 10px;
}

 .leveltwobox img {
 padding : 5px 10px 5px 10px;
 }

/* typo */
.leveltwobox p {
padding : 1px 10px;
}

.texte-gros {
font-size: 10.5pt;
}

.separateur {
color : #a40102;
text-align: right;
border-bottom: 1px #015c93 solid ;
margin-bottom: 10px;
margin-top: -5px;
width: 215px;
position:relative;
left:10px;
font-weight: bold;
font-size: 10pt;
}

.liens-box {
color: #015c93;
text-align: right;
font-size: 9pt;
font-weight: bold;
}

.motlink-box {
width:260px; height:53px; text-decoration:none; display: block;
}
.motlink-box:hover {
background-color: #f6f6f6;
}

.mainlink-box {
width:261px; height:43px; padding-top: 20px; text-decoration:none; display: block; margin-bottom:10px;
}
.mainlink-box:hover {
background-color: #f6f6f6;
}

.newslink-box {
width:260px; height:62px; text-decoration:none; display: block;
}
.newslink-box:hover {
background-color: #f6f6f6;
}

.black-text {
color: #000;
}

.date-box {
text-transform: uppercase;
font-size: 9pt;
font-weight: bold;
}

/* zone content des autres pages */
#content-box {
background: url(../images/box-bg-long.gif) repeat-y ;
width: 576px;
margin-top: 10px;
margin-left :10px;
float: left;
display: block;
}

#content-rightbox {
float : right;
display: block;
padding: 10px 40px 0 0;
}

#filariane {
float: right;
font-size: 8pt;
font-weight: bold;
margin-right: 5px;
}

#filariane a {
color: black;
}

#filariane a:hover {
text-decoration: none;
}

#title-page {
padding: 25px 20px 10px 20px;
color: #015c93;
font-size: 16pt;
text-transform: uppercase;
}

.subtitle-page {
padding: 20px 10px 20px 20px;
font-size: 13pt;
}

#content-box p {
padding: 0px 15px 0px 20px;
}

#content-box ul {
padding: 0px 15px 0px 50px;
}

/* Formulaire */
#content-box input {
margin-left: 20px;
}

input, textarea {
background-color: #E3F0F6;
}

.datenews {
font-weight: bold;
font-size: 10pt;
}

.separateurnews {
margin : 15px 200px 15px 20px;
border : none;
border-top : solid 1px #015c93;
background-color : #FFFFFF;
height : 1px;
}

/* Album Photo */
#album {
margin-left: 20px;
}

#album td{
padding: 5px 7px ;
text-align: center;
}


/* Fin de CONTENT
=======================================*/

/*FOOTER 
=======================================*/


#footer {
width: 950px;
margin: 0 auto ;
background: #d7d7d7;
height: 250px;
}

.short-list {
float: left;
list-style: none ;
margin-left:10px;
margin-right: 40px;
margin-top: 15px;;
padding-bottom: 25px;
font-size: 8pt;
}

.short-list h4 {
font-size: 8pt;
}

.short-list li {
line-height: 20px;
}

/* Fin de FOOTER
=======================================*/

/* Lightest Light box css code
=======================================*/
.LB-black-overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

.LB-white-content {
    display: none;
    position: fixed;
    top:200px;
    left:250px;
    width: 300px;
    height: 250px;
    padding: 20px;
   
    border: 1px solid #666;
    background-color: #fff;
    z-index:1002;
}

a#close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: -12px;
    left: -12px;
    background: url(../images/lightbox/close.png) 0 0;
}

a#close:hover {
    background: url(../images/lightbox/close.png) 0 -30px;
}