@charset "utf-8";
/* CSS Document */

body{
	background-color: #000;
	font-family:Georgia, Times, serif;
}/* Css Général Couleur et font*/

a img{
	border:none;
	}/* On retire les bordures bleus sur les images avec liens */

.gras{
	font-weight:bold;
} /* On fait une classe pour mettre en gras un texte */

.italique{
	font-style:italic;
} /* Même chose pour de l'italique */

.img_left {
	float:left;
} /* On crée une classe pour mettre une image à gauche*/

.img_right {
	float:right;
} /* On crée une classe pour mettre une image à gauche*/

.barre_separation{
	clear:both;
	margin:10px;
	padding:10px;
	background-image:url(../images/separat_bas.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:5px;
	width:94%;
}/* C'est la barre de séparation donc utilisé plusieurs fois. */

h1{
	font-size:1.5em;
	} /* Détermine la taille des H1 */
	
h2{
	font-size:1.3em;
	} /* Détermine la taille des H2 */
	
#global{
	margin:0 auto;
	width:900px;
	} /* Centre le site */
	
/* Mise en page du site Css Obligatoire*/

#titre{
	background-image:url(../images/titre.jpg);
	height: 178px;
	width: 900px;
} /* Titre en background avec taille*/

#cote{
	float:left;
	background-image:url(../images/cote.jpg);
	height:721px;
	width:185px;
} /* Cote en background avec taille avec Float pour placer le contenu à coté */

.cache{
	position:absolute;
	left:0;
	top:-5000px;
} /* Mise en place d'une cache pour précharger des images */

#droite{
	float:left;
} /* div de conteneur pour le contenu avec Float pour se placer à coter de cote */


/* Mise en page du contenu général, le reste necessite les autres pages css pour alléger*/

#hautcontenu{
	background-image:url(../images/test.jpg);
	background-repeat:no-repeat;
	height:139px;
	width:701px;
	} /* Haut du blanc*/ 
	
#design_centre{
	background-image:url(../images/fond_rep.jpg);
	background-repeat:repeat-y;
	width:641px;
	text-align:justify;
	position:relative;
}/* Le fond qui se répéte selon le contenu */

#bascontenu{
	background-image:url(../images/bas_fond.jpg);
	background-repeat:no-repeat;
	height:97px;
	width:641px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:80%;
	color:#000;
}/* On place le bas */

#bascontenu :first-child {
	padding:20px 0 0 0;
	margin:0px;
}/* On place un padding pour le haut */

#bascontenu p{
	padding:0;
	margin:0;
}/* On place le bas */
	
#droite h1{
	color:black;
	margin:0;
	padding: 0px 30px 0px 30px;
	text-align:center
}/* Définit la couleur et les écarts des H1 dans le contenu */

#droite h2{
color:black;
	margin:0;
	padding: 0px 30px 0px 30px;
	text-align:center
}/* Définit la couleur et les écarts des H2 dans le contenu */

#droite h4{
color:black;
	margin:0;
	padding:0;
	font-size:70%;
	padding: 0px 30px 0px 30px;
	text-align:center
}/* Définit la couleur et les écarts des H4 dans le contenu */

#droite p{
	margin:10px 0px 0px 0px;
	}/* Déinit les marges de p dans le contenu, on laisse la marge sur les cotés mais pas celle sur le haut et le bas */


/* Menu - Mise en page*/
<!-- 
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}/* On retire les marge et la puce des listes*/

#menu {
	position: relative; /* placement du menu, à modifier selon les besoins */
	padding:5px 10px;
	margin:0;
	left: 90px;
	top:53px;
	z-index:100;
	width: 100%; /* correction pour Opera */
} /* On place le menu*/

#menu dl {
	float: left;
	padding:0 10px;
	border-left:thin solid #CCC;
}/* On positionne cote à cote les noms*/

#menu dt {
	cursor: pointer;
	font-size:80%;
	color:#FFF;
	margin: 1px;
}/* On en fait des liens et on détermine la taille*/

#menu :first-child {
	border:none;
} /* on retire la première bordure qui devrait être devant news*/

#menu dd {
	position:absolute;
	font-size:95%;
	background:url(../images/bord_externe.jpg) top left no-repeat;
	padding-top:12px;
	display: none;
	text-align:left;
	border: none;
	width:152px;
} /*Bord du menu en haut et divers réglage on le pose en absolut pour pas qu'il bouge toute la ligne*/

#menu li {
	padding:2px;
	text-align: left;
}/* On mets un padding de 2 et on place le texte à gauche*/

.bloc {
	background:url(../images/bord_externe_rep.jpg) bottom left no-repeat;
	padding-bottom:12px;
	width:152px;
}/* On mets le bas du menu*/

#menu li a {
	color: #000;
	font-size:80%;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
} /* On retire les déco des liens*/

#menu dt a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	width:70px;
	border: 0 none;
} /* meme chose*/

#menu li a:hover, #menu li a:focus{
	border:none;
	background-color:#fffade;
	color:#ccc;
} /* Le hover pour les liens */


/*menu lien etc*/
#menu_divers{
	margin:27px 0px 0px 300px;
	height:50px;
} /* on définit les marges pour le placer*/

#menu_divers ul {
	padding:0;
	margin:0;
	list-style-type:none;
}/* On règle l'aspect*/

#menu_divers li
{
	margin-left:2px;
	float:left; /*pour IE*/
} /* on les places cote à cote*/

#menu_divers ul li a
{
	display:block;
	background-image:url(../images/pipe.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:70%;
	float:left;   
	color:black;
	text-decoration:none;
	text-align:center;
	padding: 5px;
} /* on les laisse en block pour les décorer*/

#menu_divers ul li a:hover
{
	background-color:#fffade;
} /* effet au passage de la souris*/

#copy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFF;
	padding: 20px;
}/* On définit la typo et la place du copyright*/
	
#copy a{
	text-decoration:none;
	color:#FFF;
}/* on définit le look du lien */
	
#copy a:hover{
	text-decoration:underline;
	color:#FFFF99;
}/* on définit le look du lien quand on passe dessus*/

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}

#bas_lien a{
	text-decoration:none;
	color:#000000;
}