/* CSS Document */
body{
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	margin-bottom:10px;
	/*margin:0px;*/
	background: #616161 url("../image/structure/sxqc4_style1_background.png") top left repeat-x;
	/*background-color:#4B4C4C;*/
}
/* Bannière */
#banniere{
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height: 260px; /* On définit la hauteur de l'image */

	background: black; /* url("../image/structure/banniere/banniere8_ITL2011_Verte.jpg") center no-repeat;*/
	/*border-left: 2px solid #FB9217;
	border-right: 2px solid #FB9217;
	border-bottom: 2px solid #FB9217;*/
}

.siteBanner_title{
	color: white;
	font-size: 45px;
	font-family: Impact,"Time New Roman";
	white-space:nowrap;
}
.siteBannerLink{
	color: white;
	font-size: 18px;
	font-family: Impact,"Time New Roman";
	white-space:nowrap;
	text-align:right;
	padding-top:29px;
}
.siteBannerLogo{
	float: right; /* La dernière partie est à droite */
	margin-top:55px;
	width: 365px;
	height: 250px; /* On définit la hauteur de l'image */
	background:  url("../image/structure/sxqc4_style1_logo2.png") top right no-repeat;
}
.siteBannerLogoVersion{
	position:relative;
	bottom:-170px;
	right:10px;
	text-align:right;
	color: white;
	font-family: Impact,"Time New Roman";
	vertical-align:bottom;
	font-style:italic;
}
.bannerColorPicker{
	position:relative;
	left:-13px;
	display: block;
	width: 10px;
	height: 15px;
	border: 2px solid white;
	margin:1px;
	cursor:pointer;
}
/* Bannière extensible */
#banniere_gauche{
	float: left; /* La première partie sera à gauche*/
	width: 8px; /* On définit la largeur de l'image */
	height: 260px; /* On définit la hauteur de l'image banniere3_test_01*/
	background: #5adb03 url("../image/structure/banniere/sxqc4_style1_bannerGauche.png") top left no-repeat;
	/*margin-right: 0px; /*Pour que la partie 1 se colle à la 2.*/
}

#banniere_centre{
	width:auto; /* Se répétera sur la place qu'on lui donne. */
	height: 260px; /* On définit la hauteur de l'image */
	background: #5adb03 url("../image/structure/banniere/sxqc4_style1_bannerCentre.png") top center repeat-x;
}

#banniere_droite{
	float: right; /* La dernière partie est à droite */
	width: 10px;
	height: 260px; /* On définit la hauteur de l'image */
	background: #5adb03 url("../image/structure/banniere/sxqc4_style1_bannerDroite.png") top right no-repeat;
	/*margin-left : 0px; /*Pour que la partie 3 se colle à la 2.*/
}

#blocMenu{
	position:relative;
	width:1000px;
	top:-35px;
}

#contenu{
	position:relative;
	top:-30px;

	padding: 10px;
	height:250px;
	/*background-color: #FFFFFF;*/
	border-top: 2px solid black;
	border-left: 2px solid black; /* orange:FB9217 */
	border-right: 2px solid black; /* bleu : 0042FF*/
	width:980px;
	background: white; /* url('../image/structure/sxqc4_style1_contentBackground.png') top left repeat-x;*/

	/*border: 2px solid black;*/
}
html>body #contenu{
	height:auto;
	min-height:250px;

}
#pied_page{
	position:relative;
	top:-30px;

	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	padding: 10px;
	height:155px;
	width:980px;
	background-color:white;
	border-left: 2px solid #black;
	border-bottom: 2px solid #black;
	border-right: 2px solid #black;
	
/*   
	border: 2px solid black;*/
}

.maskWindow{
	position:absolute;
	top:0;
	left:0;
	width:3000px;
	height:3000px;
	z-index:98;
	background-color:#999999;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7; 
}
.galeriePhotoWindow{
	position:absolute;
	top:0;
	left:0;
	background-color:#FFFFFF;
	border:2px solid blue;
	margin:10px;
	margin-left:100px;
	
	width:950px;
	height:600px;
	z-index:99;
	text-align:center;
	font-weight:bold;
}
#contenuGaleriePhoto{
	margin:0;
	padding:5px;
	width:940px;
	height:526px;
	
	overflow:auto;
}
.adminPanel{
	margin:4px;
	width:950px;
	border:2px solid blue;
}
.titleBar{
	background-color:#4776FC;
	margin:0;
	width:950px;
	height:25px;
	clear:both;
}
.titleBarTitle{
	text-align:left;
	color:#FFFFFF;
	padding-left:2px;
	padding-top:2px;
	float:left;
	font-weight:bold;
}
.titleBarText{
	text-align:left;
	padding-left:2px;
	padding-top:2px;
	
	float:right;
	color:#bbbbbb;
	font-size:14px;
	padding-right:5px;
}
.titleBarCloseButton{
	float:right;
	width:21px;
	height:21px;
	background-color:#DD0000;
	color:#FFFFFF;
	font-weight:bolder;
	border:2px solid #AA0000;
	text-align:center;
}
.titleBarCloseButton:hover{
	background-color:#FF0000;
	cursor:pointer;
}
.buttonBar{
	background:#858585 url(../image/structure/window/buttonBarBackground.gif) repeat-x top left;
	
	height:32px;
	width:948px;
	padding:1px;
	margin:0px;
	clear:both;
}
.button{
	padding-top:5px;
	margin:2px;
	background-color:#CCCCCC;
	color:#333333;
	width:150px;
	text-align:center;
	cursor:pointer;
	border-style:groove;
	border-width:2px;
	float:left;
}
.button:hover{
	cursor:pointer;
	color:#000000;
	background-color:#BBBBBB;
}
#administration{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color: white;
	border-left:2px solid #6B6B6B;
	border-right:2px solid #6B6B6B;
	width:880px;
	padding:10px;
}
.statistique{
	border:1px solid black;
	background: #e1e1e1 url(../image/structure/fond_stat.jpg) bottom left repeat-x;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	border:2px solid #0042FF;
}
.statistique_blank{
	border:1px solid black;
	background: #e1e1e1;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	border:2px solid #0042FF;
}

.acentrer{text-align:center;}
.centrer{margin:auto;}
.agauche{text-align:left;}
.adroite{text-align:right;}
.rouge{color:#FF0000;}
.petit{font-size:12px;}
.gras{font-weight:bold;}
.floatdroite{
	float:right;
	padding-right: 60px;
}
.floatgauche{
	float:left;
	padding-left: 40px;
	padding-top: 10px;
}
.blocdroite{
	float:right;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}
.blocgauche{
	float:left;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}
.lienlangue{color:#FFFFFF;}
.lienlangue:hover{color:#DDD;}
.lienadmin{
	color: #FFCC00;
	cursor:default;
}
.lienadmin:hover{
	cursor:default;
}
.stitre{
	font-size:20px;
	color:#999999;
	font-weight:bold;
}
.stitre_j{
	font-size:20px;
	color:#FFCC00;
	font-weight:bold;
}
hr {
	color:#0042FF;
	background-color:#4ab12b;
	border-color:#4ab12b;
}
h2 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:100;
	 font-size:18px;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a.liens{}
a.liens:link {color:#4ab12b;}
a.liens:visited {color: #4ab12b;}
a.liens:hover {color: #FF0000;}
a.liens:active {color: #4ab12b;}

a.lien_blanc{ font-weight:bold;}
a.lien_blanc:link {color:#FFFFFF;}
a.lien_blanc:visited {color: #FAFAFA;}
a.lien_blanc:hover {color: #FAFAFA;}
a.lien_blanc:active {color: #FFFFFF;}

a.stitre:link {color:#666666;}
a.stitre:visited {color: #666666;}
a.stitre:hover {color:#000000;}
a.stitre:active {color: #666666;}

a.lien_discret:link {color:#000000;}
a.lien_discret:visited {color: #000000;}
a.lien_discret:hover {color:#000000;}
a.lien_discret:active {color: #000000;}