* { padding: 0; margin: 0; }
body {
background-color: #000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
}

img{ border:none;}
p{color:#000; padding:1em 20px; }
form { color:#000; margin:0; padding:0 0  .5em 0; font-weight:bold; }
input { color:#000; padding:0 .5em; }
select { color:#000; font-weight:bold; padding:0 .5em;}
h1 {font:bold 40px Arial, Helvetica, sans-serif; color:#fff; padding:1em 20px 0 0px; margin:0;	}
h2{font: bold 1.6em, Arial, Sans-serif;color:#000; margin-top:0; padding:.6em 20px 1em 0px;}
h3{font: bold 1.4em, Arial, Sans-serif;color:#000; font-stretch:extra-expanded; margin-top:0; padding:.6em 20px 1em 0px; text-align:justify;}
h3 a { color:#fff; text-decoration:none; }
h3 a:hover { color:#000; text-decoration:none; }



#global{
width:100%;
height: 100%;
margin:0;
padding:0;
background-color:#000;
}
#clearing{clear:both;}

/* --------------------------ENTETE ---------------------------------------------------*/
#header{width:100%;height:112px;/*background:#FFFFFF;margin:0;padding:0;*/ background:url(../IMG/bg-top.gif) repeat-x #cf2746;}
#stuckleft {margin:20px 0 0px 40px; _margin:20px 0 0px 20px; padding:0; float:left;}

#slogan {float:right; margin:27px 25px 0 0; _margin:27px 25px 0 0;}
#bookmarks { position: absolute; top: 15px; right: 0; float: right; list-style: none; margin: 0; padding: 0; color:#FFFFFF; }
#bookmarks.delic{ float: left; margin: 0 10px 0 10px; padding: 0 0 0 10px; background: url(../IMG/icons-a.png) -1px -1px no-repeat; font: 0.9em/0.75 Verdana,sans-serif; }
#bookmarks a{color:#FFFFFF; }
#bookmarks a:hover{color:#93bbc5; }

/* -------------------------- TOP  NAVIGATION  BAND-------------------------------------------------*/

#navitop{float:right; display:inline-block;
height:20px;
width:100%;
line-height:20px;
margin:0;
padding: 0px;
color:#FFFFFF;
background-color:/*#2088b4*/ #cf2746;
border-bottom:5px solid  #000;
text-transform:uppercase;
font:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
#navitop ul{float:right; width:auto; margin:0 0 1em 2em;padding:0;list-style:none;}
#navitop li{ display: inline; float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #ffffff; font-size: 1.2em; font-weight: bold; line-height: 1;}
#navitop li.firstie{  border-left: none; }
#navitop a{text-decoration :none; /*float:left;*/ padding: 0 15px;color:#FFFFFF;_width: .1em; font-weight: bold; }
#navitop li a:hover { position: relative; margin-bottom: -25px; padding-bottom: 25px; background: url(../IMG/bg-nav.gif) 50% 50% no-repeat; color: #000; text-decoration: underline; }
html>body #navitop a{width:auto;}
#navitop a:hover{color:#dee8ea;}

/* -------------------------------------     ZONE CONTENU  ----------------------------------------------------*/
#content {
margin-top:0;
width:100%;
/*height:auto;
min-height:300px;*/
background:  url(../IMG/bg-content-a.jpg) repeat-x #8EB6C0;
border-bottom:#FFFFFF solid 4px;
}

/* -----------------------------------ZONE CONTENU - PAGES INTERIEURES ---------------------------------------------*/
#sub{
width:900px;
height:auto;
min-height:300px;
margin:0;
padding:20px 10px 50px 10px;
text-align:left;
background: url(../IMG/bg-content-b.jpg) no-repeat;
z-index:1;
}
#sub img{
margin: 0 0em; padding:0;
/*padding: 0.5em 1em 0em 0em;*/
}
#sub img.frame{
border:#696969 solid 1px;
}

#sub p {color:#666768; padding:1em 20px 1.2em 20px; max-width: 500px; width:500px; text-align:justify;}
#sub ul{
color:#3f4652; 
margin-left:2em;
}
#sub a { color:#fff;  }
#sub a:hover { color:#f2f2f2;  }

/*------------------------------------ home page bottom image ---------------------------------------- */

#bottomOmbre {float:right; position:relative; margin: 0px 0px 0 0px; }/* need to check this */


/* -------------------------------PIED DE PAGE -----------------------------------------------------*/


#footer { overflow: hidden; width: 900px; margin: 0 auto; padding: 25px 0 ; color: #fff;  }
#footer p { display: inline; float: left; margin: 0; color: #bbb; font: bold 0.9em/1.2 Verdana,sans-serif; }
#footer p.first { float: right; margin: -1px 0 0; font-weight: normal; }
#footer a { color: #595e61; text-decoration: none; }
#footer a:hover{color: #fff;}
#footer ul { display: inline; float: left; list-style: none; margin: 1px 0 0 15px; padding: 0; }
#footer ul li { display: inline; float: left; margin: 12px 0 0 10px; padding: 0 0 1px 10px; border-left: 1px solid #888; font: 0.9em/1 Verdana,sans-serif; font-weight:bold; }
#footer ul li.first { margin-left: 20px; padding-left: 0; border-left: none; }
#footer ul li a {color: #fff; }
#footer ul li a:hover { color: #93bbc5; text-decoration: none; }

a.blah-a { font-weight: bold; text-transform: uppercase; }
a.blah-a span { padding: 0 0 0 1px; color: #fcfdc5; font-size: 0.75em; font-weight: normal; line-height: 1; vertical-align: 3px; }

/* -------------------------------Michele a de la classe  -----------------------------------------------------*/
.fuschia { color:#fb307f;}
.turquoise { color:#08a5d0;}
.teal { color:#019cba;}
.darkgrey { color:#595e61;}
.medgrey { color:#a5a8a9;}
.lightgrey { color:#dee8ea;}
.centree { text-align:center;}
.talique { font-style:italic; margin:0;}
@charset "utf-8";
/* CSS Document */

/* --------------------------------accordion----------------------------------- */

#accordion h4 a{ color:#ce2745;}
#accordion h4 a:hover{ color:#08a5d0;}

/* --------------------------------accordion----------------------------------- */

#tabs h4 a{ color:#ce2745;}
#tabs h4 a:hover{ color:#08a5d0;}
#tabs h4 ul{ margin:10px 0 40px 25px;}
#tabs h2 { margin:0 0 10px 0; padding:0; color:#ce2745; font-size:13px; text-transform: uppercase;}
#tabs h2 a{ color:#ce2745;}
#tabs h2 a:hover{ color:#08a5d0;}