/*  ===========YV=============   Color 000000 au lieu de ffffff   */
body {font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
       background-color:#000000;
	font-size: 80%; margin-left:50px;}

a {text-decoration:underline; color:black}
a:hover{color:purple;text-decoration:none; }
a:visited {color:purple;}

/*  ===========YV=============   */
#container {
         width: 681px;
         padding: 0px;
	 margin-right: auto;
         margin-left: auto;
	 margin-top: 10px;
         margin-bottom: 10px;
        background-color:#A0AFCB;
     }

#top {width: 221px;
      height: 132px;
      border-left: 6px solid white;
      background-color:#A0AFCB;}

#topart{width:221px;height: 127px;
      border-left:4px solid white;background-color:#A0AFCB;
    font-family:"Trebuchet MS";
    text-align: center;
    font-size: 310%;
    font-style: italic;
    text-transform:lowercase;
    color: #F01E1E; 
    font-weight:bold;
   padding-top:5px;
}

#white {width:682px; background-color:white;}

#top a {text-decoration:none;}

#topart a {text-decoration:none; color: #F01E1E;}

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

#topart a:hover {text-decoration:none; color: #F01E1E;}

/*  ===========YV============= 122/400    */
#topright {float: right;
        height: 122px;
	width: 400px;
	text-align: right;
       background-color:white;}

.cl {clear:both;}

/*  ===========YV============= 682 =>678 */
#gallery {width: 678px;
border-top:5px solid white;
	  
background:white;
padding-left:5px;
          }

#galleryart {width:223px;border-left:3px solid white; border-top:5px solid white;	background-color:white;}

.image {padding-right:1px;
        padding-left:1px;}

.news { border-left:4px solid white;
        width: 210px;
overflow:visible;        
vertical-align:text-top;
        border-top:0px solid white;
       background-color: #7088AF;
	color: #FFFFFF;
	padding: 6px;
border-right:3px solid white; 
}

.colart {background-image:url(IMG/pixelbleu.gif); background-position:right; background-repeat:repeat-y;}
.menu {position:absolute; top:-17px; right:0px; left:2px;}


.content {
         padding-left:15px;
         padding-top: 0px;
*padding-top:20px;
         background-color: #A0AFCB;
         }

.contentart {width:100%;
         padding-left:6px;        
         padding-top:0px;
         padding-right:5px;
         background-color: #A0AFCB;
text-align:justify;
clear: left;
         }
.contexte {height:45px; padding-bottom:0px; padding-top:5px; color:#333333;
background-color: #A0AFCB; border-top:1px solid white;
         }

p {}

h1 {	padding-left: 22px;
padding-bottom:2px;
padding-top:2px;
	margin: 4px;
background-image:url(IMG/fleche.jpg);
background-position :left;
background-repeat:no-repeat;	
font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #F7CB33;
}

h2 {font-family:"Trebuchet MS";
    text-align: center;
    font-size: 310%;
    font-style: italic;
    text-transform:lowercase;
    color: #F01E1E;
    padding-top:5px;}

/*  ===========YV=============   */
#footer { background-color: #F7CB33;
         width: 681px;
         padding: 0px;
	 margin-right: auto;
         margin-left: auto ;
         border-bottom : auto ;
	 margin-top: 10px;
         margin-bottom: 10px;	
         text-align:center;  
         color:#000000;
	 font-size: 90%;
	 border-top: auto solid #FFFFFF;
}



h4 { font-size: 180%;
     color: #F01E1E;}

h3 {font-size:150%; color:#ffffff;}

#haut {float:right; padding-top:10px; padding-right:15px;}

.pied {}

#lang {float:left; padding:15px;}

.chapopa {font-weight:bold; font-size:110%; color: #333333;}