* { margin: 0; padding: 0; }

.bg1 { background: url(../images/bg_noir.jpg) repeat-x; background-color: #333; }
.bg2 { background: url(../images/bg_rouge.jpg) repeat-x; background-color: #541111; }
.bg3 { background: url(../images/bg_bleu.jpg) repeat-x; background-color: #111c54; }
.bg4 { background: url(../images/bg_vert.jpg) repeat-x; background-color: #115415; }

body {
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#dedede;  
	background-color:#333; 
	background-image:url(../images/bg_noir.jpg);	
	background-repeat:repeat-x;
	line-height:18px;
	height:1000px;  
}

.page {
	width:940px;
	margin:0 auto;
	height:800px;
	background-repeat:no-repeat;
	position:relative;
	min-height:500px;
	background-position: right top;
	background-image:url(../images/logo.png);
	position:relative;
	padding:0px 40px 0px 40px;
}

.kwickswrap{
padding:200px 0px 0px 40px;
}
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width:840px;
	height:50px;
	z-index:2;
}
.kwicks li{
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	width: 120px;
	height: 50px;
	z-index:2;
	cursor:pointer;

}

.kwicks li a{
	height: 50px;
	text-indent:-9999px;
	outline:none;
	display:block;
	background-image:url(../images/menu_fr.png);
	background-repeat:no-repeat;
	z-index:2;
	cursor:pointer;
}

#kwick1 a{
background-position:0px 0px;
}
#kwick1 a:hover, #kwick1 #aktiv{
background-position:0px -50px !important;
}

#kwick2 a{
	background-position:-190px 0px;
}
#kwick2 a:hover, #kwick2 #aktiv{
	background-position:-190px -50px!important;
}


#kwick3 a{
	background-position:-380px 0px;
}
#kwick3 a:hover, #kwick3 #aktiv{
	background-position:-380px -50px!important;
}


#kwick4 a{
background-position:-570px 0px;
}
#kwick4 a:hover, #kwick4 #aktiv{
background-position:-570px -50px!important;
}

#kwick5 a{
background-position:-760px 0px;
} 
#kwick5 a:hover, #kwick5 #aktiv{
background-position:-760px -50px!important;
} 
  
#kwick6 a{ 
background-position:-950px 0px;
}
#kwick6 a:hover, #kwick6 #aktiv{ 
background-position:-950px -50px!important;
}

/*--------------------------- CONTENU DES PAGES --------------------------------------------*/


/*-------------------------------  accordeon -------------------------------*/
#zone_contenu {
	float : left;
	margin: 0;
	padding: 60px 0px 0px 40px;
	list-style: none;
	color: #fff;
	width: 520px;
	font: 1.2em "Trebuchet MS", sans-serif;
}

#contenu {
	width: 520px;
}

#contenu p {
	margin-left:20px;
	margin-right:20px;
}
	
#contenu h1 {
	height:25px;	
	display: block;
	padding: 0px 10px;
	color: #fff;
	text-decoration: none;
	font: 1.0em "Trebuchet MS", sans-serif;
	font-weight:bold;
	background: url(menu-item.png) left bottom no-repeat; 
	height:30px;
}

.accordeon {
	cursor:pointer;
	margin: 0;
	padding: 0;
	height:30px;
}

.corps p {
margin :0;
padding:0;
line-height:1.5em;
}

.gras {
	margin-left: 10px;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}

.date {
	margin-left: 10px;
	font-weight:bold;
	font-size:0.7em;
	text-decoration:none;
	color:#ffffff;
}

.texte {
	margin-left: 20px;
	color : #949494;
}

/*--------------------------- droite --------------------------------------------*/
a
{
	text-decoration:none;
}

a img
{
	border:none;
}


.droite {
	margin-top : 50px;
	margin-left: 50px;
	margin-right : 0;
	float : left;
	width : 200px;
	height : 400px;
	text-align : center;
}

.titre_droite {
	height : 30px;
	width : 200px;
	margin-left: auto;
	margin-right: auto;
}

.titre_droite h1 {
	height:25px;
	width : 200px;
	display: block;
	margin:0;
	padding-top : 10px;
	text-decoration: none;
	font: 1.0em "Trebuchet MS", sans-serif;
	font-weight:bold;
	background: url(../images/trait.png) left bottom no-repeat; 
}

.mail {
	padding : 0;
	margin : 0;
	height : 60px;
}

.mail p{
	margin : 0px;
	padding : 20px;;

}

.titre_droite2 h1 {
	height:25px;	
	width : 200px;
	display: block;
	padding-top : 10px;
	text-decoration: none;
	margin:0;
	font: 1.0em "Trebuchet MS", sans-serif;
	font-weight:bold;
	background: url(../images/trait.png) left bottom no-repeat; 
}

.titre_droite3 h1 {
	height:25px;	
	width : 200px;
	display: block;
	padding-top : 10px;
	text-decoration: none;
	margin:0;
	font: 1.0em "Trebuchet MS", sans-serif;
	font-weight:bold;
	background: url(../images/trait.png) left bottom no-repeat; 
}

.titre_droite2 {
	padding : 0;
	margin-top: 50px;
	height : 30px;
	width : 200px;
	margin-left: auto;
	margin-right: auto;
}

.titre_droite3 {
	padding : 0;
	margin-top: 50px;
	height : 30px;
	width : 200px;
	margin-left: auto;
	margin-right: auto;
}

.flag {
	height : 30px;
	margin-top: 40px;
	padding-left : 55px;
	padding-right : 55px;
	width: 90px;
}

.div_flag {
	float :left;
	width: 30px;
	height : 30px;
}

.img_flag {
	padding : 0;
	margin : 0;
	float : left;
	width:30px;
	cursor: pointer;
}

.div_coul {
	float :left;
	width: 30px;
	height : 30px;
}

.img_coul {
	padding : 0;
	margin : 0;
	float : left;
	width:30px;
	cursor: pointer;
}

.couleur {
	height : 30px;
	margin-top: 40px;
	padding-left : 40px;
	padding-right : 40px;
	text-align:center;
	width: 120px;
}

.geo {
	position : relative ;
	margin-top: 40px;
	
	/* Pour masquer le flash quand on fait un zoom sur une photo */
	z-index:1;
}

/*--------------------------- contact --------------------------------------------*/
.obligatoire {
	color: red;
}

.tableau td{
	height:30px;
}
.tableau p {
	margin-left:20px;
}

/*---------------------------  Divers --------------------------------------------*/

.contenu_divers {
	text-align: center;
}