/* CSS Document */

body {
	margin:0 ;background:#fff;
}
#logo {
background-color:#fff;height:100px; padding-left:10px;
position:relative;
}
#logo img {
	margin:10px;
}
#PhotoHomepage {
	background:#fff url(images/photo-homepage2.png) no-repeat top right;
	width:auto;
	height:509px;
	border-bottom:3px solid #000;
	clear:both;
	margin:0px;
	position:relative;

}
#PhotoHomepage p {
	position:absolute;
	font-size:13px;
	color: #666666;
	width:376px;
	height:46px;
	bottom:50px;
	left:139px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
}

#xiti-logo{

 visibility:hidden;
}
#contact {
	width:610px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}
#contact td{
	padding-left:5px;
}
.TexteGras11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.TexteGras11_butt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-left:10px;
}
.TexteGras11Rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.TexteGras11Rouge td {
	background:#fff;
}
#StudioLoic{
	width:auto;
	margin:10px;
	
}
#StudioLoicHome{
	height:157px;
	width:429px;
	position:absolute;
	top:105px;
	left:139px;
	
}
#ContentHomepage{
	width:auto;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 139px;
}
#ContentHomepage a{
	color: #8D3333;
	text-decoration: underline;
}
#ContentHomepage a:hover{
	color: #8D3333;
	text-decoration: none;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	clear:both;
	margin:0;
	padding:0;
}

/* MENU .................................................... */

#MenuContent {
	height:30px;
	padding-top:12px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #9A664A;
	text-decoration: none;
	width:auto;
	background: #000;	
	line-height:25px;	

}
/*#MenuContent2 {

	height:31px;
	width:900px;
}*/

#MenuFond {
	
}

#MenuContent ul{

	padding:0;
	margin:0 0 0 10px;
	width:990px;
}

#MenuContent li{
	list-style-type:none;
	float:left;
	margin-right:10px;
	text-transform: uppercase;
	padding-right:10px;
	white-space:nowrap;

}
#MenuContent li a{
	color: #fff;
	text-decoration: none;

}
#MenuContent li a:hover{
color:#8D3333;
}

.current{
color:#8D3333 !important;
}
.current a{
color:#8D3333 !important;
}

#EspaceClient{

	height:21px;
	padding:10px 30px 0 30px;
	position: absolute;
	right:0;
	top:0;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}
#EspaceClientON{
	background: #990000;
	height:21px;
	padding:10px 30px 0 30px;
	color: #fff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
		position: absolute;
	right:0;
	top:0;
		border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}
#EspaceClient a{
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;

}
#EspaceClient a:hover{
	color: #990000;
	text-decoration: underline;
}


#LivreOr{
	background:#464647 ;
	height:21px ;
	padding:10px 30px 0 30px;
	position: absolute;
	right:160px;
	top:0;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}


#LivreOr a{
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding:inherit;
	height:inherit;

}
#LivreOr a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
/* FIN MENU .................................................... */


/* SOUS MENU .................................................... */

#SousMenu {
	margin:0;
	background: #F2F2F2;
	border-bottom:solid 1px #FFFFFF;
	width:auto;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #805744;
	text-decoration: none;



}


#SousMenu ul{
	padding:5px 0 0 20px;
	margin:3px 0 0 10px;
	width:900px;
}
#SousMenu li{
	padding:0 15px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style:none;
	float:left;
}
#SousMenu li a{
	text-decoration: none;
	color: #666;
	list-style:none;


}
#SousMenu li a:hover{
	color: #990000 ;
	text-decoration: underline;
}


#SousMenu .current, #SousMenu .current a {
	color:#990000 !important;

}

/* FIN SOUS MENU .................................................... */

/* GESTION PHOTOS .................................................... */

#ConteneurVignette{
	width: 175px;
	padding:40px 10px 40px 40px;
	float:left;
}
#ConteneurVignetteAdmin{
	width: auto;
	padding:10px 0 40px 20px;
	margin-left:10px;
	float:left;
}
#ConteneurPage{
	width: auto;
	

}
.select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #333333;
}
.vignette{
	width: 81px;
	margin: 2px 2px 2px 2px;
	float:left;
}
.vignetteCat{
	width:75px !important;
	height:50px !important;
	float:left;
	margin: 10px;
	padding:15px 0 15px 0;
}
.vignetteCat img{
	border:solid 2px #DED4C8;
	width:63px !important;
	height:42px !important;
	padding:2px !important;

}
.vignetteCat input{
	border:none !important;
	margin:5px 4px 0 0px !important;
	padding-right:10px !important;
	background:none !important;
	clear:both !important;
}
.novignette{
	width: 81px;
	height: 56px;
	margin: 2px 2px 2px 2px;
	float:left;
}
.vignette a{
	border:solid 3px #F0F0F0;
	display:block;
	float:right;
}
.vignette a:hover{
	border:solid 3px #999;
	display:block;

}


#agrandissement{
	float:left;
	border:solid 4px #FFF;
	margin:40px 0 0 0 ;

}
#agrandissement a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
#agrandissement a:hover{
	text-decoration: none;
}
#agrandissement td{
	padding: 0 0 0 5px;
	height: 20px;
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#agrandissement th{
	width:10px;
	height:20px;
}
#agrandissement table{
	width:525px;
	height:30px;
}
.zap{
	height:20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background: #EFEFEF;
	width:74px;
	text-align:center;
	margin:3px 10px 10px 3px;
	line-height:20px;
}
.zap2{
	height:20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border:solid 1px #CCCCCC;
	background: #EFEFEF;
	width:74px;
	text-align:center;
	margin-left: 30px;
	line-height:20px;
}
.mySelect{
	height:20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border:solid 1px #CCCCCC;
	background:#FFFFFF;
	text-align:center;
	margin:3px 10px 10px 3px;
	line-height:20px;
}
.quantite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.nozap{
	height:20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width:74px;
	text-align:center;
	margin:3px 10px 10px 3px;
	line-height:20px;
}
.zap a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background: #EFEFEF;

}
.zap a:hover{

	color: #FFF;
	text-decoration: none;
	background: #666666;
	display:block;
	height:20px;


}
.zap2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background:#FFFFFF;

}
.zap2 a:hover{

	color: #000;
	text-decoration: none;
	background:#805744;
	display:block;
	height:20px;


}
#TableClient{
float:left;
margin:20px 0 0 50px;
text-align:center;

}
#TableClient td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}
#TableClient a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;

}
#TableClient a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}


/* FIN GESTION PHOTOS .................................................... */

/* FORMULAIRES.................................................... */

#formulaire{

	width: auto !important;
	padding:40px 0 0 150px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

}
#formulaire td{
	background:#fff;
	color:#666666;
	padding-left:5px !important;}

form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

}
form input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

}

form textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #F9F8F4;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	font-style: normal;
	text-align:right;
}
h3 {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	margin-left:20px;
}
h2 a{
	color: #000;
	text-decoration: underline;

}
h2 a:hover{
	color: #000;
	text-decoration: none;

}.TitreEvent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding:20px 0 0 20px; 
}
.champcommande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#liens{
	width:400px;
	margin:30px 0 50px 40px;
	padding-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#liens a{
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
#liens a:hover{
font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.Style3 {color: #CC0000}
.Style5{
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;
}
.Style6 {
	color: #666 !important;
	font-weight: bold;
}
.contourTab {
	border: solid 1px #666;
}
.contourTab td {
	background: #Fff;
	padding-left:4px;
}

.bouton{
	font-family: Tahoma, Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	width:200px;
	border:none;
	margin:10px 0 20px 0;
	cursor:pointer;
	white-space:nowrap;background:#8D3333; color:#fff;
	}

.bouton a{
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 7px 5px 7px;
	background:#8D3333;
	display:block;
}
.bouton a:hover, #butt_form{
	
	color:#FFFFFF;
	background:#000;
	display:block;
}


#footer{
	clear:both;
	width:auto;
	padding:10px;
	background: #000;
	font-family: Tahoma, Arial, Verdana;
}
#footer ul{
	float:left;
	margin-right:15px;
	width:200px; }
	#footer li{
	font-size: 11px;
	color: #666666;
	list-style-type:none;
}
	#footer li a{
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}
	#footer li a:hover{
	font-size: 11px;
	color: #fff;
	text-decoration:none;
}

#footer li h2, #footer li h2 a{
	border-bottom:1px solid  #666666 !important;
	padding-bottom:3px;
	list-style-type:none !important;
	margin-left:0 !important;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left !important;
	color: #666666;
	margin:0 0  5px 0 !important;
}
#footer p{
	clear:both;
	font-size: 11px;
	color: #666666;
}
#footer p a{
	clear:both;
	font-size: 11px;
	color:  #666666;
}

#facebook{
	background:url(images/facebook.png) no-repeat;
	padding-left:20px;
	height:20px;
	line-height:15px;
	font-size: 11px;
	margin-bottom:15px;
}
#facebook a{	
	color:#003399;
}
#facebook a:hover{
	text-decoration:none;
}