/* Feuille de style FR */

body{
	text-align: center; /* pour corriger le bug de centrage IE */
	margin: 0px;
	padding: 0px;	
	background : url("img/fond.jpg");
	background-color: #a5a89d;
	
	font-family:arial, sans-serif;
}


/* Div principale */
div#global{
	position: relative;
	width: 950px;

	margin: 0 auto;
	margin-top : 0px;
	text-align: left; /* on rétablit l'alignement normal du texte */	
}

div#banniere
{
	position:relative;
	width: 950px;
	height: 217px;
	background : url("img/ban.png");
	
	z-index:2;
}

div#fond_drapeaux
{
	position:absolute;
	top:199px;
	left:238px;
	width:137px;
	height:11px;
	
	background : url("img/fond_drapeaux.png");

	z-index:2;
}

.lien_lang img{
	border:0;
}

div#drapeau_francais
{
	position:relative;
	top:-4px;
	left:12px;
	height:20px;
	width:31px;
	cursor:pointer;


	z-index:3;
}

div#drapeau_anglais
{
	position:relative;
	top:-24px;
	left:50px;
	height:20px;
	width:31px;
	cursor:pointer;

	z-index:3;
}

div#recherche
{
	position:absolute;
	top:150px;
	left:700px;
	width:300px;
	height:21px;
	
	background : url("./img/recherche.png") no-repeat;
	z-index:3;
}

div#newsletter
{

	position:absolute;
	top:185px;
	left:580px;
	width:250px;
	height: 30px;
	background : url("./img/newsletter.png") right no-repeat;

	font-size:12px;
	z-index:3;	
}

div#sponsor
{
	position:absolute;
	top:35px;
	left:450px;
	width:150px;
	height:25px;
	cursor:pointer;
	z-index:3;
}

div#fond_defilement
{
	position:absolute;
	top: 25px;
	left:280px;
	width:500px;
	height:190px; 
	background-color:black;
	z-index:0;


}
div#defilement
{
	position:absolute;
	top: 25px;
	left:280px;
	width:500px;
	height:190px; 
	background-color:black;
	/*background:url('./def/visuel_3.jpg') no-repeat;*/
	z-index:1;

}

/* ENTETE 3 DIV */
div#entete
{
	position: relative;
	width: 950px;
	height:47px;
	background : url("img/entete.png");
}

div#accueil
{
	position:relative;
	float:left;
	height:37px; /* - padding */
	width:170px;
	margin-left:54px;
	padding-top:10px;
}

div#titre
{
	position:relative;
	margin-left:273px;
	height:37px; /* - padding */
	width:482px;
	padding-top:13px;

}

div#titre h1
{
	color:#830108;
	font-size:24px;
	font-weight:bold;
	margin-top:-4px;
}

/*********************************************/	
/* CONTENU 3 DIV */
div#conteneur
{
	position:relative;
	min-height:270px;
	width:950px;	
	background : url("img/contenu_fond.png");

}


div#contenu
{	
	position:relative;
	margin-left:273px;
	padding-top:10px;
	width:569px;
	padding-right:7px;
	
	font-size:12px;	
}
/*********************************************/		

div#footer
{
	position:relative;
	height:63px;
	width:950px;
	background : url("img/bas.png");
}

/***************************** classe ***************************************/

/* Personalisation de la recherche */
.recherche
{
	background-color:transparent;
	margin-left:3px;
	margin-top: 2px;
	padding:0px 0px 0px 5px;
	border:0;
}

#btn_recherche
{
	margin-top:-1px;
	margin-left: 0px;
	width:28px;
	height:21px;
	cursor:pointer;
}

#champ_recherche
{
	width:130px;
	font-size:12px;
	color:gray;
	vertical-align:top;
}
/************************************************************************/

/* Personalisation de la newsletter */

#btn_newsletter
{

	width:28px;
	height:18px;
	cursor:pointer;
	background-color:transparent;
	border:0;

}

#champ_newsletter
{
	height: 16px;
	width:130px;
	font-size:12px;
	color:gray;
	padding: 4px 0px 5px 14px;
	background-color:transparent;
	border:0;
	
}
/************************************************************************/

/*************** MENU *********************************/

/* -------------------- FEUILLE DE STYLE MENU.css ----------------------------- /*

/********************* FIN MENU *********************************************/


/********************************** DESIGN FORMULAIRE DE CONTACT *************************************/

.champ
{
	width:250px;
	border-style:solid;
	border-width:1px;
	border-color:gray;
	background-color:white;
	
	filter : alpha(opacity=50);

    opacity : 0.5; 
}

.champ_captcha
{
	border-style:solid;
	border-width:1px;
	border-color:gray;
	background-color:white;
	
	filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5; 
}

.champ_requis
{
	color:#8c0009;
}

.bouton
{
	width:100px;
	border:1px solid black;	
	background-color:#ec810d;
	color:black;
}

/********************************** FIN DESIGN FORMULAIRE DE CONTACT *************************************/

/********************************** DESIGN PAGE DE NEWS *************************************/
.news_titre h2
{
	font-size:15px;
	font-weight:bold;	
	margin-top:2px;
}

.news_titre a
{	
	text-decoration:none;
	color:black;
	cursor:default;
}

.news_titre
{	
	padding-left:10px;		
	height:22px;
	width:552px;
	border:solid 1px #cececd;
	overflow:hidden;	
}

.news_date
{
	position:relative;
	float:right;
	top:-17px;
	left:0px;
	height:20px;
	width:100px;
	font-size:10px;
	color:gray;
}

.news_contenu
{
	/*border:solid 1px black;*/
	padding-top:0px;
	padding-left:25px;
	padding-bottom:10px;
	margin-top:10px;
	width:537px;
	background : url("./img/fond_news_contenu.jpg") repeat-y;
	text-align:justify;
	


}

.news_separateur
{
	/*background : url("./img/barre_separation_news.jpg") no-repeat;*/
	background-position: 50% 50%;
	height:15px;
	width:520px;

}

div#archives
{
	/*border:solid 1px black;*/
	position:relative;	
	left:443px;
	font-weight:bold;
	width:120px;
}

a.archives
{
	text-decoration:none;
	color:black;
}

a.archives:hover
{
	color:gray;
	font-style:italic;
	
}

/********************************** FIN DESIGN PAGE DE NEWS *************************************/

/********************************** DESIGN PAGE ARCHIVES  *************************************/

div#archive_num_pages
{
	position:relative;
	width:550px;
	text-align:center;
	padding-top:10px;
	font-size:13px;
}

a.archive_num_pages
{
	text-decoration:none;
	color:black;
	font-weight:bold;
}

a.archive_num_pages:hover
{
	color:gray;
	font-style:italic;
}

/********************************** FIN DESIGN PAGE ARCHIVES  *************************************/


/********************************** DESIGN GENERAL CONTENU PAGE   *************************************/
div#contenu h1{

	color:#830108;
	font-size:24px;
	font-weight:bold;
}

div#contenu h2{

	color:#830108;
	font-size:14px;

}

.imageLink img{
	border:solid white 3px;
}



/********************************** FIN DESIGN GENERAL CONTENU PAGE   *************************************/

/********************************** DESIGN GALERIE PHOTO  *************************************/
div#glandu{
	position:relative;
	top:500px;

}

.ligne{
	position:relative;
	height:200px;
	width:575px;

}

.catg{
	position:relative;
	float:left;
	border:solid 0px black;
	height:200px;
	width:174px;
	left:80px;
	
}

.catd{
	position:relative;
	float:right;
	border:solid 0px black;
	height:200px;
	width:174px;
	left:-90px;
}

.titre_categorie{
	position:relative;
	height:18px;
	width:163px;
	color:black;
	font-weight:bold;
	
	
	/* Decalage du texte dans la DIV */
	padding-top:3px; 
	padding-left:5px;
	margin-left:5px;
	
	overflow:hidden;
	
	font-size:10px;
	
	/*
	background-color:#f1a634;
	
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;*/
	
	background:url("./img/fond_titre_galerie.jpg") no-repeat;
}


.fond_masque{
	position:relative;
	
	top:7px;
	height:140px;
	width:161px;
	background: url("./img/gal_cache_blanc.jpg") no-repeat;
	
	/* Decalage image dans la DIV */
	padding-top:15px;
	padding-left:13px;

}

.cache_noir{
	position:relative;
	width:152px;
	height:114px;
	
	background-color:black;
}

.cache_image{
	position:relative;
	width:152px;
	height:114px;
	
	background-color:black;/*//#1b1e60;*/
}

.miniature{
	position:relative;
	width:152px;
	height:114px;
	overflow:hidden;
	
	border:0;	
}

.miniature img{
	border:0;
}

div#navigation_galerie a{
	text-decoration:none;
	color:black;
	font-weight:bold;

}

div#navigation_galerie a:hover{
	color:gray;
	font-style:italic;

}

/********************************** FIN DESIGN GALERIE PHOTO  *************************************/

/**************** Gestion recherche ***************************/

div#picto_loupe{

	position:absolute;
	left:505px;
	
	height:56px;
	width:55px;
	
	background: url("./img/picto_loupe.jpg") no-repeat;

	
	z-index:5;
}

div#lien_recherche a{

	text-decoration:none;
	color:black;
	font-weight:bold;


}

div#lien_recherche a:hover{

	color:gray;
	font-style:italic;



}

/************* footer ***********/
div#w3c{

	position:relative;
	left:50px;
	top: 10px;
	
	height:40px;
	width:125px;

}
div#w3c img{
	border:0;

}