@charset"utf-8";

/*DEBUT STRUCTURE*/
*{
padding:0;
margin:0;
}
h1{
color:#000;
text-indent:25px;
font-size:18px;
font-family:Arial,Helvetica,sans-serif;
}
h2{
font:17px Arial,Helvetica,sans-serif;
width:100%;
}
h3{
font:15pxArial,Helvetica,sans-serif;
font-style:italic;
}
body{
background-color:#b3b4b3;
color:#ffffff;
font-size:14px;
font-family:Calibri,Arial,Helvetica,sans-serif;
margin:0;
text-align:center;
}
p{
text-align:justify;
text-indent:25px;
margin-left:5px;
}
a{
color:#000000;
background-color:inherit;
text-decoration:none;
border:0;
}
a:hover{
color:#000000;
background-color:inherit;
border:0;
text-decoration:underline;
}
img{
border:none;
}
img.droit{
float:right;
margin:5px;
border:3pxsolid#366ba2;
width:150px;
}
img.gauche{
float:left;
margin:5px;
border:3pxsolid#366ba2;
width:150px;
}
#global{
position:relative;
margin-left:auto;
margin-right:auto;
width:900px;
text-align:left;
}
#header{
width:900px;
height:115px;
overflow:hidden;
}
#centre{
width:900px;
height:828px;
background:url(../images/fd_site.jpg);
background-repeat:no-repeat;
background-position:top;
margin-top:0px;
overflow:hidden;
}
#texte_haut{
width:620px;
background:url(../images/trait.png);
background-position:top;
background-repeat:no-repeat;
padding:140px;
margin-top:15px;
padding-top:15px;
padding-bottom:15px;
text-align:justify;
}
#texte{
width:900px;
height:236px;
background:url(../images/fd_contenu.png);
background-position:top;
background-repeat:no-repeat;
}
#news_haut{
height:47px;
width:760px;
margin-top:-40px;
background:url(../images/news_haut.png);
background-repeat:no-repeat;
padding-bottom:0px;
padding-top:60px;
padding-left:80px;
padding-right:60px;
}
#news_bas{
height:215px;
width:850px;
padding:25px;
padding-bottom:50px;
padding-top:0;
background:url(../images/news_bas.png);
background-repeat:no-repeat;
}
#galerie {
margin-left:75px;
width:765px;
height:100%;
}
#gauche{
float:left;
width:544px;
height:563px;
}
#gauche_haut{
width:444px;
height:47px;
padding-top:60px;
padding-left:40px;
padding-right:60px;
background:url(../images/gauche_haut.png);
background-repeat:no-repeat
}
#gauche_bas {
width:474px;
height:456px;
background:url(../images/gauche_bas.png);
background-repeat:no-repeat;
padding-left:50px;
padding-right:20px;
color:#000000;
}
#droit{
float:right;
width:356px;
height:563px;
}
#droit_haut {
width:296px;
height:47px;
padding-top:60px;
padding-left:20px;
padding-right:60px;
background:url(../images/droit_haut.png);
background-repeat:no-repeat;
}
#droit_bas {
width:331px;
height:456px;
background:url(../images/droit_bas.png);
background-repeat:no-repeat;
padding-right:25px;
color:#000000;
}
#box { 
width: 300px; 
height: 400px;
position: relative; 
overflow: hidden; 
}
#boxdef { 
position: absolute; 
padding: 0 0.5em;
padding-left:40px; 
}
#scroll_gauche {
height:400px; 
width:475px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-left:5px
}
#footer{
clear:both;
color:#000000;
width:900px;
height:100%;
margin-top:5px;
text-align:center;
}
/*FIN STRUCTURE*/

/* DEBUT MENU */
#menu {
z-index:100;
}
.menu-horizontal{
padding:0;
margin:0;
list-style-type:none;
width:615px;
height:124px;
margin-left:-5px;
overflow:hidden;
}
body > html .menu-horizontal{
padding:0;
margin:0;
list-style-type:none;
width:615px;
height:124px;
text-align:left;
margin-right:500px;
}
.menu-horizontal li, .menu-horizontal li a{
display:block;
float:left; /*pour IE*/
text-decoration:none;
}

.menu-horizontal li.accueil, .menu-horizontal li.accueil a {
background-image:url(../images/accueil.gif);
width:124px;
height:124px;
}
.menu-horizontal li.accueil a:hover {
background-image:url(../images/accueil_act.gif);
width:124px;
height:124px;
}
.menu-horizontal li.siteinternet, .menu-horizontal li.siteinternet a {
background-image:url(../images/siteinternet.gif);
width:121px;
height:124px;
}
.menu-horizontal li.siteinternet a:hover {
background-image:url(../images/siteinternet_act.gif);
width:121px;
height:124px;
}
.menu-horizontal li.contact, .menu-horizontal li.contact a {
width:124px;
height:124px;
background-image:url(../images/contact.gif);
}
.menu-horizontal li.contact a:hover {
width:124px;
height:124px;
background-image:url(../images/contact_act.gif);
}
.menu-horizontal li.creagraphique, .menu-horizontal li.creagraphique a {
background-image:url(../images/creagraphique.gif);
width:124px;
height:124px;
}
.menu-horizontal li.creagraphique a:hover {
background-image:url(../images/creagraphique_act.gif);
width:124px;
height:124px;
}
.menu-horizontal li.informatique, .menu-horizontal li.informatique a {
background-image:url(../images/informatique.gif);
width:122px;
height:124px;
}
.menu-horizontal li.informatique a:hover {
background-image:url(../images/informatique_act.gif);
width:122px;
height:124px;
}

/* FIN MENU */

/*DEBUT NEWS*/
#slider ul, #slider li{
margin:0;
padding:0;
}
#slider{ 
font-family:Arial,sans-serif;
font-size:100%;
color:black;
width:800px;
height:200px;
overflow:hidden; 
}
#slider li{ 
width:700px;
height:200px;
margin-left:100px;
text-align:justify;
display:list-item;
list-style-image:url(../images/fleche_news.png);
}
#slider li h2{ 
margin:0 20px;
padding-top:20px;
}
#slider li p{ 
margin:20px;
}
span#prevBtn{
padding-top:5px;
padding-left:680px;
}
span#nextBtn{
}

.titre_news {
float:left;
width:550px;
font-size:20px;
text-align:left;
}
.date_news {
float:right;
width:100px;
font-size:16px;
font-style:italic;
margin-top:4px;
}
.contenu_news {
}
/*FIN NEWS*/