/* CSS Document */

/*===============================
	global style resetting */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

html, body, form, fieldset {
	color:#1b530d;
	font:.8em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	line-height:1.5em;
}

img {border:0;}

address, caption, cite,th{
	font-style:normal;
	font-weight:normal;
}

ol, ul {list-style:none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 {font-size:100%}

b,em {
	font-weight:normal;
	font-style:normal
}

input.btn {width:auto !IMPORTANT}


/*===============================
	links */
	
a:link      {text-decoration:underline;color:#4c4c4c;}
a:visited 	{text-decoration:underline;color:#4c4c4c;}
a:active  	{text-decoration:underline;color:#4c4c4c;}
a:hover  	{text-decoration:underline;color:#4c4c4c;}


/*===============================
	Main Layout and Structure  */

html, body{}

body{
	background-color:#809c06;
}

#wrapper{
	width:912px;
	margin:0 auto;
}


/*===============================
	Style Header  */
#header{
	float:left;
	width:912px;
	height:210px;
	background-image:url(../images/interface/bgHeader.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

/*===============================
	Style Container  */
#container{
	margin: 0 auto;
	width:851px;
	font-size:1.1em;
	text-align:justify;
}
/*===============================
	Style Home  */
#textHome{
	flot:left;
	width:485px;
	/*height:100%;
	min-height:150px;*/
	padding:10px 20px 0 20px;
}
*html #texthome{
	/*height:150px;*/
}

#texthome h2{
	color:#83110b;
	margin: 0 0 10px 0;
	font-weight:bold;
}

#newsHomeTitle{
	float:left;
	height:27px;
	width:485px;
	background-color:#83110b;
	color:#FFF;
	padding: 0 20px 0 20px;
}
#newsHomeTitle h1{
	float:left;
	width:210px;
	background-image:url(../images/interface/bgH1NewsHome.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding: 7px 0 0 20px;
	height:20px;
	font-size:1.2em;
	font-weight:bold;	
}
#newsHomeTitle a, #newsHomeTitle a:link, #newsHomeTitle a:visited, #newsHomeTitle a:active{
	display:block;
	float:right;
	haight:22px;
	padding:5px 0 0 0;
	font-size:1em;
	color:#FFF;
	text-decoration:underline;
}
#newsHomeTitle a:hover{
	text-decoration:none;
}

#newsHomeList{
	flot:left;
	width:485px;
	height:100%;
	min-height:150px;
	padding:0 20px 0 20px;
}
#newsHomeList h1{
	width:485px;
	text-transform:uppercase;
	padding:0;
	margin:15px 0 8px 0;
	font-size:1.1em;
	color:#743333;
	font-weight:bold;
	border-bottom:1px solid #743333;
}

*html newsHomeList{
	height:150px;
}
#newsHomeList h2{
	color:#83110b;
	margin: 0 0 10px 0;
	font-weight:bold;
}

#newsHomeList p{

}

#newsHomeList a, #newsHomeList a:link, #newsHomeList a:visited, #newsHomeList a:active{
	display:block;
	text-align:right;
	color:#1b530d;
	text-decoration:underline;
}

#newsHomeList a:hover{
	text-decoration:none;
}


#leftContaint{
	float:left;
	width:525px;
	height:670px;
	min-height:670px;
	background-color:#FFF;
	background-image:url(../images/interface/bgLeftContaint.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

html>body #leftContaint{
	height:auto;
	min-height:670px;
}


#news{
	flot:left;
	width:485px;
	/*height:100%;
	min-height:150px;*/
	padding:10px 20px 0 20px;
	color:#83110b;
}
*html #news{
	/*height:150px;*/
}

#news h2{
	color:#83110b;
	margin: 0 0 10px 0;
	font-weight:bold;
}


#contenu{
	flot:left;
	width:485px;
	height:100%;
	min-height:150px;
	padding:0 20px 0 20px;
}
*html #contenu{
	height:150px;
}

#contenu a, #contenu a:link, #contenu a:visited, #contenu a:active{
	/*display:block;*/
	/*text-align:right;*/
	color:#1b530d;
	text-decoration:underline;
}

#contenu a:hover{
	text-decoration:none;
}


#rightContaint{
	float:right;
	width:325px;
	height:100%;
	min-height:514px;
}
*html #rightContaint{
	height:514px;
}

#accesMembres{
	float:left;
	width:260px;
	height:176px;
	background-image:url(../images/interface/bgAccesMembres.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding:35px 30px 0px 35px;
	color:#FFFFFF;
	font-weight:bold;
}
#accesMembres h2{
	position:relative;
	float:left;
	width:250px;
	height:18px;
	background-color:#FFF;
	margin: 18px 0 0 2px;
	text-align:center;
	color:#83110b;
	font-size:1.2em;
	padding:4px 0 0 0;
	margin:5px 0 5px 0;
	text-decoration:none;
}

#accesMembres h1{
	color:#83110b;
	width:120px;
	height:30px;
	font-size:1.1em;
	margin: 0 0 27px 130px;
}
#accesMembres a, #accesMembres a:link, #accesMembres a:active,#accesMembres a:visited{
	color:#FFF;
	display:block;
	width:160px;
	margin:0 0 0 90px;
	text-decoration:underline;
	text-align:right;
	font-weight:bold;
}
#accesMembres a:hover{
	text-decoration:none;
}
#accesMembres form{
	margin:-10px 0 0 0;
}
.accesInput{
	border:none;
	height:18px;
	width:165px;
	padding: 0 0 0 5px;
}

.accesSubmit{
	boder-style:none;
	background-color:#FFF;
	color:#83110b;
	margin:0 0 0 0;
}
.deconnectInput{
	border:none;
	height:20px;
	width:200px;
	color:#FF0000;
}
#departResult{
	float:left;
	width:263px;
	height:133px;
	background-image:url(../images/interface/bgDepartResultat.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin:20px 0 0 35px;
}
*html #departResult{
	margin:20px 0 0 17px;
}
#departResult h1{
	width:262px;
	height:18px;
	background-color:#FFF;
	margin: 18px 0 0 1px;
	text-align:center;
	color:#83110b;
	font-size:1.2em;
	padding:4px 0 0 0;
	cursor:pointer;
	text-decoration:none;
}
#departResult a{
	color:#83110b;
	text-decoration:none;
}

#webcam{
	float:left;
	width:263px;
	height:133px;
	background-image:url(../images/interface/bgWebcam.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin:20px 0 0 35px;
}
*html #webcam{
	margin:20px 0 0 17px;
}
#webcam h1 {
	width:261px;
	height:18px;
	background-color:#FFF;
	margin: 18px 0 0 2px;
	text-align:center;
	color:#83110b;
	font-size:1.2em;
	padding:4px 0 0 0;
	cursor:pointer;
	text-decoration:none;
}
#webcam a {
	color:#83110b;
	text-decoration:none;
}

#partenaire{
	float:left;
	width:263px;
	height:133px;
	background-image:url(../images/interface/bgPartenaires.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin:20px 0 0 35px;
}
*html #partenaire{
	margin:20px 0 10px 17px;
}
#partenaire h1{
	width:262px;
	height:18px;
	background-color:#FFF;
	margin: 18px 0 0 1px;
	text-align:center;
	color:#83110b;
	font-size:1.2em;
	padding:4px 0 0 0;
	text-decoration:none;
}

/*===============================
	Style Footer  */
	
#clear-footer{
}

#footer{
	height:250px;
	background-color:#1b530d;
	background-image:url(../images/interface/bgfooter.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0 0 0 0;
	padding:10px 0 0 250px;
	z-index:10;
	text-align:left;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited{
	color:#FFF;
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}

/*===============================
	Telechargement  */
#listPublic{
	flot:left;
	width:485px;
	height:100%;
	min-height:150px;
	padding:0 20px 0 20px;
}
#listPublic h1{
	width:485px;
	text-transform:uppercase;
	padding:0;
	margin:15px 0 0px 0;
	font-size:1.1em;
	color:#743333;
	font-weight:bold;
	border-bottom:1px solid #743333;
}

*html #listPublic{
	height:150px;
}
#listPublic h2{
	color:#83110b;
	margin: 10px 0 5px 0;
	font-weight:bold;
}

#listPublic p{

}

#listPublic a, #listPublic a:link, #listPublic a:visited, #listPublic a:active{
	color:#1b530d;
	text-decoration:underline;
	padding:0 0 0 10px;
}

#listPublic a:hover{
	text-decoration:none;
}


/*PRIVE*/
#listPrive{
	flot:left;
	width:485px;
	height:100%;
	min-height:100px;
	padding:0 20px 0 20px;
}
#listPrive h1{
	width:485px;
	text-transform:uppercase;
	padding:0;
	margin:15px 0 8px 0;
	font-size:1.1em;
	color:#743333;
	font-weight:bold;
	border-bottom:1px solid #743333;
}

*html #listPrive{
	height:150px;
}
#listPrive h2{
	color:#83110b;
	margin: 0 0 10px 0;
	font-weight:bold;
}

#listPrive p{

}

#listPrive a, #listPrive a:link, #listPrive a:visited, #listPrive a:active{
	color:#1b530d;
	text-decoration:underline;
}

#listPrive a:hover{
	text-decoration:none;
}

/*===============================
	Titres  */

	
/*===============================
	Image  */	

/*===============================
	Forms  */

#contact{
	flot:left;
	width:485px;
	height:100%;
	min-height:150px;
	padding:0 20px 0 20px;
	font-size:1.5em
}
*html #contact{
	height:150px;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}

.form-row {
	float:left;
	width:250px;
	padding: 0.5em;
}

.field-label {

}

.field-widget {
	width:400px;
}

.button{
	border:solid 1px #00A8E6;
	color:#00A8E6;
	background-color:#FFF;
}
.reset{
	border:solid 1px #00A8E6;
	color:#00A8E6;
	background-color:#FFF;
}

/*===============================
	Class  */

.hide{display:none;}

.show{display:block;}

.clear { 
	clear:both; 
	line-height:0px;
}

.date{
	font-style:italic;
	color:#808080;
}

.famille{
	font-style:italic;
	color:#808080;
}

.italique{
	font-style:italic;
	background-color:#f1f1f1;
}

.response-error{
	background:#fefafb;
	padding:4px;
	margin:0 0 8px 0;
	font-size:1.1em;
	font-weight:bold;
	border:1px solid #c9003a;
}

.response-valid{
	background:#fbfdfb;
	padding:4px;
	margin:0 0 8px 0;
	font-size:1.1em;
	border:1px solid #1e9d48;
}

	
/*===============================
	Class  */

.hide{display:none;}

.show{display:block;}

.clear { 
	clear:both; 
	line-height:0px;
}

.date{
	font-style:italic;
	color:#808080;
}

.famille{
	font-style:italic;
	color:#808080;
}

.italique{
	font-style:italic;
	background-color:#f1f1f1;
}

.paginateur{
	text-align:left;
}
.paginateur a{
	float:left;
	display:inline;
}
/*****************************MINIATURE**********************************/



#miniatureList{
	flot:left;
	width:485px;
	height:100%;
	min-height:150px;
	padding:0 20px 0 20px;
}
#miniatureList h1{
	width:485px;
	text-transform:uppercase;
	padding:0;
	margin:15px 0 8px 0;
	font-size:1.1em;
	color:#743333;
	font-weight:bold;
	border-bottom:1px solid #743333;
}

*html miniatureList{
	height:150px;
}
#miniatureList h2{
	color:#83110b;
	margin: 0 0 10px 0;
	font-weight:bold;
}

#miniatureList p{

}

#miniatureList a, #miniatureList a:link, #miniatureList a:visited, #miniatureList a:active{
	
}

#miniatureList a:hover{
}

#miniatureList img{
	border:1px #743333 solid;
}

.miniature{
	float:left;
	margin:10px 0 0 0;
	width:110px;
	height:110px;
	background-image:url(../images/interface/bgMiniature.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding: 8px 0 0 8px;
}
.miniature img{
	border:none;
}




/*===============================
	Search  */
	

/*===============================
	Sidebar */
	

/*===============================
	SWF  */

/*===============================
	Paginator  */