/*****************************************************

              Style global de la page

******************************************************/

* {
	margin: 0;
	padding: 0;
	font-family:Myriad, Tahoma, arial, verdana;
	
}

body {
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 11px;
	background-color:#fff;
	/*background-image: url("../images/bg.png");*/
}

.noborder {
	border:0;
}


a {
	text-decoration: none;
}

a img {
	border: 0;
}

h1 {
	margin-top:10px;
	border-bottom:1px solid #000;
	font-size:13px;
	margin-bottom:5px;
}


h2 {
	font-size:12px;
}


h3 {

}

h4 {
	font-size:13px;
}

.retour {
	text-align:right;
}

.suite {
	margin-bottom:20px;
	text-align:left;
}

.photoune {
	float:left;
	display:block;
	width: 150px;
	/*height:100px;*/
	padding-right:5px;
	padding-bottom:2px;
	border:0;
}

.photoune1 {
	text-align:center;
	display:block;
}

#main {
	margin-bottom:20px;
	min-height:500px; 
	width:900px; 
	/*border:1px solid #000;*/
	margin-top:20px;
	margin-left:auto; 
	margin-right:auto;
	text-align:left;
	background:#fff;
	border:1px solid #aaa;
}

#menu {
	position:absolute;
	color: #000;
	font-size:13px;
	text-align:left;
	margin: 0;
	margin-top: 19px;
	margin-left:90px;
	padding: 0;
	border: 0 none;
	z-index:2;
	/*border:1px solid #0000ff;*/
}

#menu dl {
	float: left;
	border: 0 none;
	margin: 0;
}

#menu dt {
	cursor: pointer;
	text-align: center;
/*	font-size: 10px;*/
	/*font-family: verdana, arial;*/
	font-weight: bold;
	width: 100%;
	border: 0 none;
	/*height:30px;*/
	padding:8px;
}

#menu dt.nohand {
	cursor:default;
}

#menu dt a {
	/*font-family:arial,verdana;*/
	color: #111;
	text-decoration: none;
	/*border: 0 none;*/
	padding:8px;
}

#menu dd {
	position: absolute;
	display: none;
	border:0;
	text-align: center;
	background-color:#fff;
	margin-left:15px;
	padding-top:15px;
	margin-top:-12px;
	z-index:-2;
	text-align:right;
	line-height:11px;
}

#menu li {
	font-size: 12px;
	text-align: left;
	border: 0 none;
	list-style-type:none;
}

#menu li p{
	margin:0;
	padding:0;
}

#menu li a {
	/*font-family:arial,verdana;*/
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	padding: 2px;
	line-height:11px;
	font-size: 11px;
}

#menu li a:hover {
	background-color: #fff;
	background-repeat:no-repeat;
	background-position:center left ;
	/*color:#aaa;*/
	color:#000;
	border: 0 none;
}

#menu a.selected {
	background:#000;
	padding:5px;
	height:30px;
}

#menu a.menu{
	height:30px;
}

a.nous {
	padding-left:20px;
	padding-right:20px;
	background-color:#000;
	color:#fff;
}

a:hover.nous {
	background-color:#fff;
}

a.vous {
	padding-left:20px;
	padding-right:20px;
}

a:hover.vous {
	background-color:#000;
}

.menugauche {
	width:164px;
	height:22px;
}

.menugaucheborder {
	width:164px;
	height:22px;
	border:1px solid #000;
}

a:hover.menugauche {
	background-color:#000;

}



#contenu {
	display:block;
	width:800px;
	float:left;
	height:500px;
	min-height:500px;
	height:auto;
	padding-left:10px;
	padding-top:10px;
	margin-top:10px;
	font-size:12px;
	text-align:justify;
}

* html #contenu {height:500px}

#barre {
	height:100%;
	width:37px;
	border: 1px solid #000;
}

.galerie {
	margin:5px;
	border:0;
	height:200px;
}

#clearer {
	clear:both;
	line-height:0;
	padding:0;
	margin:0;
	border:0;
}


/* OLD */

table.border{ 
	border: solid 1px #000 
}

table.no-border{
	border: none
}

td.border-black {
	border: solid 1px #000 
}

td.border-bgd-black {
	border: solid 1px #000;
	background:#000;
}

td.color-black {
	background:#aaa;
}

/*td.color-gris {
	background:rgb(100,100,100);
}

td.color-rose {
	background:rgb(222,1,112);
}

td.color-prune {
	background:rgb(75,0,75);
}

td.color-rouge {
	background:rgb(238,28,35);
}

td.color-bleu {
	background:rgb(92,137,153);
}

td.color-white {
	background:rgb(255,255,255);vertical-align:top;
}


a.color-rose {
	color:rgb(236,16,96);
	font-weight:bold;
}

a.color-rouge {
	color:rgb(238,28,35);
	font-weight:bold;
}

a.color-white {
	color:rgb(255,255,255);
	font-weight:bold;
}

a.color-prune {
	color:rgb(75,0,75);
	font-weight:bold;
}

a.color-bleu {
	color:rgb(107,195,227);
	font-weight:bold;
}

font.normal{
	font-size:13px;
	color:rgb(70,70,70);
}

font.black{
	font-size:13px;
	font-weight:bold;
	color:rgb(0,0,0);
}

font.b-black-40 {
	font-family:"Arial";
	color:rgb(0,0,0);
	font-weight:bold;
	font-size:40px;
}

font.white{
	font-size:13px;
	font-weight:bold;
	color:rgb(255,255,255);
}

font.i-normal{
	font-size:13px;
	font-style:italic;
	color:rgb(70,70,70);
}

font.bas{
	font-size:9px;
	color:rgb(150,150,150);
}
*/
font.ib-rose1{
	font-style:italic;
	/*color:#ff0000;*/
	/*color:rgb(236,16,96);*/
}

font.b-rose1{
	/*font-size:15px;*/
	font-weight:bold;
	/*color:#ff0000;*/
	/*color:rgb(236,16,96);*/
}

font.b-rose2{
	font-size:20px;
	font-weight:bold;
	/*color:#ff0000;*/
	/*color:rgb(236,16,96);*/
}

font.rose1{
	/*font-size:15px;*/
	/*color:#ff0000;*/
	/*color:rgb(236,16,96);*/
}

font.rose2{
	font-size:20px;
	/*color:#ff0000;*/
	/*color:rgb(236,16,96);*/
}

/*
font.b-rouge1{
	font-size:15px;
	font-weight:bold;
	color:rgb(238,28,35);
}

font.b-rouge2{
	font-size:20px;
	font-weight:bold;
	color:rgb(238,28,35);
}

font.b-black{
	font-size:20px;
	font-weight:bold;
	color:rgb(0,0,0);
}

font.ib-gris1{
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:rgb(70,70,70);
}

font.b-gris{
	font-size:20px;
	font-weight:bold;
	color:rgb(70,70,70);
}

font.b-gris-16{
	font-size:16px;
	font-weight:bold;
	color:rgb(70,70,70);
}

font.b-white{
	font-size:15px;
	font-weight:bold;
	color:rgb(255,255,255);
}

font.b-white2{
	font-size:20px;
	font-weight:bold;
	color:rgb(255,255,255);
}
*/
font.ib-rose2{
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	/*color:#ff0000;*/
	/*color:rgb(236,16,96);*/
}
/*
font.ib-gris1{
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	color:rgb(70,70,70);
}

font.ib-gris2{
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	color:rgb(150,150,150);
}

font.ib-bleu2{
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	color:rgb(107,195,227);
}

font.ib-bleu1{
	font-size:15px;
	font-weight:bold;
	color:rgb(107,195,227);
}
*/
input.black {
	border: solid 1px #000;
	font-size:15px;
	font-weight:bold;
	color:rgb(70,70,70);
	
}

.photogalerie {
	border:1px solid #000;
	vertical-align:text-bottom;
}

#photosgal {
	height:60px; 
	width:45px; 
	float:left; 
	margin:4px;
	padding-bottom:6px;
}

/*
		- Clearer -
 utiliser comme ceci; <div id="clearer">&nbsp;</div>
 utile pour éviter le probleme des containing floats */
 
#clearer {
	margin:0;
	padding:0;
	clear: both;
	line-height: 0;
	height:0;
}