@charset "utf-8";

/* CSS Document */



body {width:100%; background:#e2e5d5; font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}

* {margin:0; padding:0; font-style:normal;}

a {color:#327213; text-decoration:none;}

a:hover {text-decoration:underline;}

img {border:none;}

ul {margin:10px 0; padding:0 0 0 30px;}

ol {margin:10px 0; padding:0 0 0 30px;}

p {margin:10px 0;}



h1 {font-size:2em; margin:10px 0px; color:#327213;}

h2 {font-size:1.8em; margin:10px 0px; color:#327213;}

h3 {font-size:1.6em; margin:10px 0px; color:#327213;}

h4 {font-size:1.4em; margin:10px 0px; color:#327213;}

h5 {font-size:1.2em; margin:10px 0px; color:#327213;}

h6 {font-size:1em; margin:10px 0px; color:#327213;}





/*===================================================================================================

BLOCK

===================================================================================================*/

#container {

	position:relative;

	margin:0px auto;

	width:954px;

	background:#e2e5d5;

}

#header {

	position:relative;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	width:954px;

	height:323px;

	background:#e2e5d5;

	z-index:1000;

}

#main {

	position:relative;

	width:954px;

	padding:0px;

	background:url(img/bgMain.jpg) top left repeat-y;

	font-size:0.7em;

}

#footer {

	position:relative;

	margin:16px 0px 0px 0px;

	padding:0px 5px 16px 0px;

	width:949px;

	color:#fff;

	font-size:9px;

}

.clear {

	clear:both;

	margin:0px;

	padding:0px;

	line-height:0px;

	font-size:0px;

}



































/*===============================================================================================================================

HEADER

===============================================================================================================================*/

/*--------

	HEADER TOP

--------*/

.headerTop {

	position:relative;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 5px 0px 0px;

	width:949px;

	height:104px;

	overflow:hidden;

}

h1.titreSite {

	float:left;

	display:block;

	margin:0px 14px 0px 0px;

	padding:0px 0px 0px 0px;

	width:265px;

	height:104px;

	background:url(img/titreSite.jpg) 0px 9px no-repeat #e2e5d5;

}

h1.titreSite a {

	position:relative;

	display:block;

	margin:0px;

	padding:0px;

	width:265px;

	height:104px;

	

}

h1.titreSite span {

	display:none;

}



h2.intercloture {

	float:left;

	display:block;

	margin:0px 14px 0px 0px;

	padding:0px 0px 0px 0px;

	width:244px;

	height:104px;

	background:url(img/logoInterCloture.jpg) 0px 9px no-repeat #e2e5d5;

}

h2.intercloture a {

	position:relative;

	display:block;

	margin:0px;

	padding:0px;

	width:244px;

	height:104px;

	

}

h2.intercloture span {

	display:none;

}


h2.cfia {

	float:left;

	display:block;

	margin:0px 14px 0px 0px;

	padding:0px 0px 0px 0px;

	width:151px;

	height:87px;

	background:url(img/cfia.jpg) 0px 9px no-repeat #e2e5d5;

}

h2.cfia a {

	position:relative;

	display:block;

	margin:0px;

	padding:0px;

	width:151px;

	height:87px;

	

}

h2.cfia span {

	display:none;

}





.headerRight {

	float:right;

	display:block;

	margin:0px 0px 0px 0px;

	padding:36px 0px 0px 0px;

	width:185px;

	height:68px;

	color:#275b0c;

	overflow:hidden;

}



.headerRight h4 {

	position:relative;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 20px;

	width:165px;

	background:url(img/logoPhone.jpg) 0px 5px no-repeat;

	font-size:18px;

	text-align:right;

}

.headerRight p {

	position:relative;

	display:block;

	margin:14px 0px 0px 0px;

	text-align:right;

	font-size:10px;

	font-variant:small-caps;

}















/*--------

	HEADER FLASH

--------*/

.headerFlash {

	position:relative;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 5px 0px 0px;

	width:949px;

	height:180px;

	overflow:hidden;

}

















/*--------

	HEADER MENU

--------*/

.headerMenu {

	position:relative;

	display:block;

	margin:8px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	width:954px;

	height:31px;

	background:url(img/bgMenu.jpg) top left no-repeat;

	z-index:1000;

}



.headerMenu ul {

	position:relative;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 14px 0px 9px;

	width:931px;

	z-index:1000;

}

.headerMenu li {

	float:left;

	display:block;

	padding:0px;

	font-size:10px;

	font-weight:bold;

	color:#fff;

}

.headerMenu a {

	float:left;

	padding:5px 13px 6px;

	border-right:1px solid #fff;

	display:block;

	color:#fff;

}

.headerMenu a:hover {

	color:#3a8912;

	background:#fff;

	text-decoration:none;

}



.headerMenu ul.menus {

	position:absolute;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px;

	width:161px;

	z-index:1000;

	background:#3a8912;

	border:1px solid #3a8912;

	border-top:none;

}

.headerMenu ul.menus li {

	position:relative;

	float:none;

	display:block;

	width:161px;

	margin:0px;

	padding:0px;

	font-size:10px;

	font-weight:bold;

	border-right:none;

	color:#fff;

	text-align:left;

	list-style:none;

}

.headerMenu ul.menus a {

	position:relative;

	float:none;

	padding:5px;

	width:151px;

	border-right:none;

	display:block;

	color:#fff;

	background:#3a8912;

	overflow:hidden;

}

.headerMenu ul.menus a:hover {

	background:#fff;

	color:#3a8912;

	text-decoration:none;

}







.headerMenu ul.menus2 {

	position:absolute;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px;

	width:112px;

	z-index:1000;

	background:#3a8912;

	border:1px solid #3a8912;

	border-top:none;

}

.headerMenu ul.menus2 li {

	position:relative;

	float:none;

	display:block;

	width:112px;

	margin:0px;

	padding:0px;

	font-size:10px;

	font-weight:bold;

	border-right:none;

	color:#fff;

	text-align:left;

	list-style:none;

}

.headerMenu ul.menus2 a {

	position:relative;

	float:none;

	padding:5px;

	width:102px;

	border-right:none;

	display:block;

	color:#fff;

	background:#3a8912;

	overflow:hidden;

}

.headerMenu ul.menus2 a:hover {

	background:#fff;

	color:#3a8912;

	text-decoration:none;

}































/*===============================================================================================================================

MAIN

===============================================================================================================================*/

span.bgMainTop {

	position:relative;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	width:954px;

	height:17px;

	background:url(img/bgMainTop.jpg) top left no-repeat;

}



span.bgMainBottom {

	position:relative;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	width:954px;

	height:19px;

	background:url(img/bgMainBottom.jpg) top left no-repeat;

}





.contenu {

	position:relative;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 20px;

	width:914px;

	min-height:400px;

	overflow:hidden;

}



.contenu p.bottom {

	margin:90px 0px 0px 0px;

	text-align:center;

	color:#41a112;

}

.contenu p.bottom span.bold {

	color:#275b0c;

}













div.bigPictureDiv {

	position:relative;

	display:block;

	margin:0px auto;

	padding:0px;

	width:640px;

	height:480px;

	overflow:hidden;

	border:1px solid #000;

}



div.nothing {

	position:absolute;

	display:block;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	z-index:100;

}



div.infoPic {

	position:absolute;

	display:block;

	bottom:0px;

	left:0px;

	padding:0px 1%;

	width:98%;

	background:#000;

	filter:alpha(opacity=85);

    -moz-opacity:0.85;

    opacity:0.85;

	color:#fff;

}



div.bigPictureDiv img.loading {

	position:absolute;

	display:block;

	top:50%;

	left:50%;

	margin:-16px 0px 0px -16px;

	width:32px;

	height:32px;

}





div.helpInfoPic {

	position:relative;

	display:block;

	margin:0px auto;

	padding:0px;

	width:640px;

	height:42px;

	overflow:hidden;

}

div.helpInfoPic p {

	position:relative;

	display:block;

	margin:5px 0px 15px;

	padding:5px 0px 0px 28px;

	height:17px;

	background:url(img/helpInfo.jpg) top left no-repeat;

	color:#cccccc;

	font-size:9px;

}







div.pictureDiv {

	position:relative;

	display:block;

	margin:0px auto;

	padding:0px;

	width:660px;

	height:75px;

	overflow:hidden;

}



div.previousThumbs {

	position:absolute;

	display:block;

	top:50%;

	left:0px;

	margin:-16px 0px 0px 0px;

	width:33px;

	height:33px;

}

div.pictureDiv div.previousThumbs a {

	position:relative;

	display:block;

	width:33px;

	height:33px;

	background:url(img/previous.jpg) top left no-repeat;

}

div.pictureDiv div.previousThumbs a:hover {

	background:url(img/previous_roll.jpg) top left no-repeat;

}

div.previousThumbs a span {

	display:none;

}



div.nextThumbs {

	position:absolute;

	display:block;

	top:50%;

	right:0px;

	margin:-16px 0px 0px 0px;

	width:33px;

	height:33px;

}

div.pictureDiv div.nextThumbs a {

	position:relative;

	display:block;

	width:33px;

	height:33px;

	background:url(img/next.jpg) top left no-repeat;

}

div.pictureDiv div.nextThumbs a:hover {

	background:url(img/next_roll.jpg) top left no-repeat;

}

div.nextThumbs a span {

	display:none;

}



div.contentOverflow {

	position:relative;

	display:block;

	margin:0px auto;

	padding:0px;

	height:75px;

	overflow:hidden;

}



div.pictureDiv ul {

	position:relative;

	display:block;

	margin:0px;

	padding:0px;

	height:75px;

}

div.pictureDiv li {

	float:left;

	display:block;

	margin:0px 20px 0px 0px;

	height:75px;

	overflow:hidden;

}

div.pictureDiv a {

	position:relative;

	display:block;

	margin:0px;

	height:75px;

	overflow:hidden;

}



































/*===============================================================================================================================

FOOTER

===============================================================================================================================*/

#footer ul {

	float:left;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	width:559px;

}

#footer li {

	float:left;

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 7px;

	height:12px;

	border-left:1px solid #275b0c;

}

#footer li.last {

	border-right:1px solid #275b0c;

}







#footer p.copyright {

	float:right;

	display:block;

	margin:0px;

	width:135px;

	text-align:right;

	color:#275b0c;

}



#footer a.savate {

	font-weight:bold;

	color:#0598FF;

}





















































/*===============================================================================================================================

ADMINISTRATION

===============================================================================================================================*/

.login {margin-top:15px;}

.login td {background:#fff; padding:5px; color:#000; font-weight:bold;}

.login input.inputClass {padding:2px; height:15px; width:150px;}



.menuAdmin {margin:30px;}

.menuAdmin li {list-style:url(img/puce.gif); margin-bottom:5px; font-size:1em;}



.btnClass {background:#3a8912; height:23px; border:#3a8912 solid 1px; color:#fff; cursor:pointer; padding:3px; font-size:11px;}

.btnClass:hover {background:#fff; color:#3a8912;}



.btnClassDisable {background:#E96F35; height:23px; border:#E96F35 solid 1px; color:#fff; cursor:default; padding:3px; font-size:11px; opacity:0.5;}



.adminType {display:block; width:625px;}

.adminTypeTitle {width:641px; height:20px; background:#b1d0e8; color:#4a7c39; margin-top:10px;}

.adminTypeTitle li {float:left; display:block; height:18px; list-style:none; padding:2px 0 0 3px; font-weight:bold; font-size:0.8em;}



.Add {float:left; display:block; width:24px; height:24px; cursor:pointer; background:url(img/Add.png) top left no-repeat; margin-right:5px;}

	.Add span {display:none;}

.Mod {float:left; display:block; width:24px; height:24px; cursor:pointer; background:url(img/Modify.png) top left no-repeat; margin-right:5px;}

	.Mod span {display:none;}

.Del {float:left; display:block; width:24px; height:24px; cursor:pointer; background:url(img/Delete.png) top left no-repeat;}

	.Del span {display:none;}





ul.adminTitre {

	position:relative;

	display:block;

	margin:30px 0px 0px;

	padding:0px;

	width:914px;

}

ul.adminTitre li {

	float:left;

	display:block;

	margin:0px;

	padding:5px 10px;

	background:#3a8912;

	color:#fff;

	font-size:11px;

	font-weight:bold;

}

ul.adminTitre li.id {

	width:20px;

}

ul.adminTitre li.photo {

	width:40px;

}

ul.adminTitre li.ctn {

	width:179.75px;

}

ul.adminTitre li.titre {

	width:779px;

}

ul.adminTitre li.titre2 {

	width:759px;

}

ul.adminTitre li.admin {

	width:54px;

	text-align:right;

}



ul.adminResultat {

	position:relative;

	display:block;

	margin:0px;

	padding:0px;

	width:911px;

	border:1px solid #3a8912;

	border-top:none;

}

ul.adminResultat li.adminResult {

	position:relative;

	display:block;

	margin:0px;

	padding:0px;

	height:34px;

	overflow:hidden;

	background:#fff;

}



ul.adminCtn {

	position:relative;

	display:block;

	margin:0px;

	padding:0px;

	width:911px;

}

ul.adminCtn li {

	float:left;

	display:block;

	margin:0px;

	padding:5px 10px;

	height:24px;

	overflow:hidden;

	color:#3a8912;

	font-size:11px;

	font-weight:bold;

}

ul.adminCtn li.id {

	padding-top:10px;

	height:19px;

	width:19px;

}

ul.adminCtn li.photo {

	padding-top:5px;

	height:24px;

	width:39px;

	text-align:center;

}

ul.adminCtn li.titre {

	padding-top:10px;

	height:19px;

	width:779px;

}

ul.adminCtn li.ctn {

	padding-top:10px;

	height:19px;

	width:179.75px;

}

ul.adminCtn li.titre2 {

	padding-top:10px;

	height:19px;

	width:759px;

}

ul.adminCtn li.admin {

	width:53px;

}







.adminBox {

	position:absolute;

	display:block;

	top:5px;

	right:20px;

	padding:10px;

	width:300px;

	border:1px solid #3a8912;

	background:#fff;

	z-index:1200;

	font-size:11px;

	filter:alpha(opacity=90);

    -moz-opacity:0.9;

    opacity:0.9; 

}

.adminBox ul {

	margin:15px 0px;

}







.comm_bad {margin:10px 0 0; color:red;}

.comm_good {margin:10px 0 0; color:green;}

.bold {font-weight:bold;}