/* CSS Document */

img{
border:none;}
/*Definie la taille du cadre qui contient les images */
div#galerie{
width:547px;
color:#FFFFFF;
background-color:white;
border:none;
text-align:center;
font:25px Georgia, "Times New Roman", Times, serif;
overflow:auto;
}

/*ul définit une liste*/
ul#galerie_mini{
list-style-type:none;

}
/*li sont pour chaque elements de la galerie; le padding est la pour placer les images entre elles*/
ul#galerie_mini li{
float:left;
padding-left:2px;

}

/*positionnement des photos les unes par rapport aux autres*/
ul#galerie_mini li a img{
margin: 10px 25px;
font: 14px Georgia, "Times New Roman", Times, serif; 
color:#000000;

}

dl#photo{
clear:both;
margin: auto;
}




 h1 {
font:25px Georgia, "Times New Roman", Times, serif;
color:#666666;
text-align:center;
font-weight:100;
padding-top:5px;
}
/* CSS Document */

body {
margin:0px; 
padding:0px; 
font: 1.em Georgia, "Times New Roman", Times, serif; 
text-align:center; 
background-color:#840031;}

* {margin:0; padding:0;}
/*Pour eviter que les images aient des boder*/
img{
border:none;}

/* Element essentiel pour centrer la mise en page*/
div#mainwrap { 
width:945px; 
margin-left: auto; 
margin-right:auto; 
text-align:left;}

/*Pour placer l'ensemble en hauteur*/
div#espacehaut {
width: 945px; 
height: 50px;
text-align:right;

}

/*Elements pour la zone langue*/
div#col1{
width:843px;
height:50px;
background-color:#840031;
float:left;
}
div#col2{
width:34px;
height:20px;
background-color:#840031;
border: solid white;
border-width:0px 0px 0px 0px;
text-align:right;
float:left;
padding-top:30px;
}
div#col3{
width:34px;
height:20px;
background-color:#840031;
border: solid white;
border-width:0px 0px;
text-align:right;
float:left;
padding-top:30px;
}

div#col4{
width:34px;
height:20px;
background-color:#840031;
border: solid white;
border-width:0px 0px;
text-align:right;
float:left;
padding-top:30px;
}



/*Le header*/
div#header1 {
width:260px; 
height:36px; 
background-color:#A00036;
padding-bottom: 20;
padding-top:65px;
/*Pour mettre un espace entre les cases margin-bottom:100px;*/
border: white solid;
border-width: 1px 0px 0px 1px;
float:left;
}

/* pour définir le tetxe dans les colonnes */
div#header1 p {
font-size:16px; 
color:#FFFFFF;
text-align:left;
padding-left: 10px;
padding-top: 10px;
}

div#header2 {
width:683px; 
height:101px;
background:url(../images/logo2.jpg);
background-position:right bottom;
background-repeat:no-repeat;
background-color:#A20137;
/*Pour mettre un espace entre les cases margin-bottom:100px;*/
border: white solid;
border-width: 1px 1px 0px 0px;
float:left;
}


langue{
font: 12 Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
}


div#column2 p {font-size:18px;
color:#FFFFFF;
text-align:left}

div#contentarea {
width:947px; 
background-color:#A00036; 
/*background-image:url(images/fond.jpg);
background-repeat:repeat;*/
}
			
/*Colonne qui contient la colonne menu et le logo*/ 							
div#column1 {
width:375px; 
height: 342px;
background-color:#A00036; 
float:left;
border: white solid;
border-width: 1px 1px 1px 1px;
text-align:left;
padding-left:0px;

}
/*Endoit ou s'affiche le menu*/
div#listcontainer{
border: white solid;
border-width:0px 0px 1px 0px;
width:375px;
font-size:14;
margin:0px;
}

/*Pour définir le Style du menu*/
ul {border:0; margin:10px 30px 10px 10px; padding:0; list-style-type:none;}
li {border:0px solid green; margin:0; padding:.1em 0;}

/*Colonne d'espacement Horizontal
div#columnhorizon {
width:375px;
height: 2px;
background-color:#A00036; 
float:left;
border: white solid
border-width:0px 0px 0px 0px;
}*/

/*Colonne Logo*/
div#columnlogo {
width:375px;
height: 153px;
background-color:#A00036; 
float:left;
border: white solid;
border-width:1px 0px 0px 0px;
margin-top:5px;
}
div#logo{
width:365px;
height: 32px;
background-color:#A00036; 
float:left;
border: white solid;
border-width:0px 0px 0px 0px;
margin:111px 0px 0px 5px;
}



div#column2 {
width:4px;
height: 338px;
background-color:#A00036; 
float:left;
border: white solid;
border-width:0px 0px 0px 0px;
}

div#column3 {
width:562px;
height: 342px; 
background-color:#A00036; 
float:left;
border: white solid;
border-width:1px 1px 1px 1px;
text-align:center;
/*background-image:url(../ims/home/1.jpg);*/
background-color:#FFFFFF;
overflow: auto;
}
/*Code pour eviter d'avoir a faire appel à une iframe*/
.cadre {
 background-color: #00CC66;
 height: 300px;
 width: 300px;

}

div#footer {
width:933px;
height: 88px;
background-color:#A00036; 
padding-left:10px; 
float:left;
padding-top:10px;
border: white solid;
border-width:0px 1px 1px 1px;
}

#frey{
width:800px;
height: 64px;
font:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
font-weight:800;
padding-top:5px;

}

/* Texte pour l'historique*/
div#bloc1 {
width:547px;
background-color:white;
border:none;
text-align:center;
float:left;
 }


/*Titre*/
 
#bloctitre{

width:545px;
height:30px;
background-color:#A00036;
}

h4{
font: Georgia, "Times New Roman", Times, serif;
font-size:18px;
text-align:center;
font-weight:100;
color:white;
padding-top:5px;
}
h5{
font: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:100;
line-height:1.2;
font-size:16px;
color:#000000;
padding-left: 10px;
padding-right: 10px;
}

/* Texte pour l'agenda*/
div#bloc1bis {
width:547px;
height:347px;
background-color:#A00036;
border:none;
 }

h6{
font: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:100;
line-height:1.5;
font-size:16px;
color:white;
padding-left: 10px;
padding-right: 10px;
}


h1{
font: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:700;
font-size:16px;
color:white;
padding: 16px 10px 0px 10px;
}

/*Image en bas du texte dans l'historique*/
#histo {
width:290px;
height: 390px;
background-color:white; 
padding-left:120px; 
float:left;
padding-top:10px;
border: white solid;
border-width:0px;
}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


a:link {color: white;text-decoration:none; border:0;}
a:visited {color: white; text-decoration:none;}
a:hover {color:gray; text-decoration:none;}