/* --- STYLES DE BASE --- */ 
 
/* Page */ 

html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 

} 

body { 
  margin: 0; 
  padding: 0; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: 
  font-family: Arial, Helvetica, FreeSans, sans-serif; */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
font-family:helvetica, arial; 
font-size:14px; 
text-align: center;
 color:black;
background: #A9E969 url('../images/backg1.jpg') repeat-x top left ; 
}
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 5px 0 2px 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #906D20;
} 
a:visited { 
  color: #906D20;
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
  outline:none;
} 

input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

.image { float:right; border:1px solid black; margin-left:15px;}

table {
float:left;
border:3px solid #ed9564;
border-collapse:collapse;
width:500px;
margin:15px 15px 20px 0px;
}
thead, tfoot {
background-color:#D0E3FA;
background-image:url(images/fondTab.png);
border:1px solid #6495ed;
}
tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
th {
font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
td {
font-family:sans-serif;
font-size:80%;
border:1px solid #6495ed;
padding:5px;
text-align:left;
}
caption {
font-family:sans-serif;
font-size:70%;
}


#main 
	{
	margin: 0px auto;
	padding:0px 0px 0px 10px;
	width: 1040px;
	color:black;
	height:652px;	
	text-align: left;
	}

a 	{
	font-weight: bold;
	color: #a07D20;
	text-decoration: none;
	}

a:link {

	color: #a07D20;
	text-decoration: none;
	}


a:hover {
	color: #111;
	text-decoration: underline;
	background-color:#A9E969;
	}


 div.c3 {width:320px;height:524px; }

h1 { font-size:200%; letter-spacing:2px; padding:0px;}


#menu { 
clear:both;
	position:relative; 
	top:18px; 
	left:50px !important;
	left:70px;	
	width:930px; 
	height:24px;
	}


.vignette {
	float:right;
	margin:5px 5px 0px 5px;
	padding:0px;
	border:none;
}


ul#menuNav
	{
	position: relative;
	list-style: none;
	display:inline;
	font-size:14px; 
	color:white;
	}

ul#menuNav li {
	text-align: left;
	float: left;
	height: 25px;
	}

ul#menuNav li a {
	text-decoration: none;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	font-variant: small-caps;
	line-height:25px;
	z-index: 5;
}

#signature { 


	position:relative;
	margin: -37px auto;
	padding:0px 0px 0px 10px;
	width: 1040px;
	height:14px;
	text-align:center;
	color:white;
	}



#blocTexteh { 
	width:880px !important;
	height:300px !important;
	width:930px;
	height:332px;
	position:relative;
	top:31px;
	margin:0px 8px 0px 105px;
	padding:8px;
	overflow:auto;

	}

#blocTextev { 
	width:554px !important;
	height:502px !important;
	width:578px;
	height:522px;
	position:relative;
	top:25px;
float:left;
left:110px;
	margin:0px;
	padding:8px;
	overflow:auto;
	}

#blocPhotoh { 
	width:908px;
	height:192px;
	position:relative;
	top:23px;
	margin:1px 0px 0px 104px;
	padding:0px;
	}

#blocPhotov { 
	float:right;
	width:325px;
	height:530px;
	position:relative;
	top:23px;
	padding:0px;
	right:28px;
	overflow:auto;
	}




#navBouton1 { margin-right:1px;color:transparent;display:block;width:58px; height:25px; background:url('../images/na_1.jpg') no-repeat 0 0; }
#navBouton1:hover, #navBouton1:focus, #navBouton1:active { color:transparent;background:url('../images/na_1.jpg') no-repeat 0 -25px;}

#navBouton2 {  margin-right:1px;color:transparent;display:block;width:58px; height:25px; background:url('../images/na_2.jpg') no-repeat 0 0;}
#navBouton2:hover, #navBouton2:focus, #navBouton2:active { color:transparent;background:url('../images/na_2.jpg') no-repeat 0 -25px;}

#navBouton3 {  margin-right:1px;color:transparent;display:block;width:80px; height:25px; background:url('../images/na_3.jpg') no-repeat 0 0;}
#navBouton3:hover, #navBouton3:focus, #navBouton3:active { color:transparent;background:url('../images/na_3.jpg') no-repeat 0 -25px;}

#navBouton4 {  margin-right:1px;color:transparent;display:block;width:72px; height:25px; background:url('../images/na_4.jpg') no-repeat 0 0;}
#navBouton4:hover, #navBouton4:focus, #navBouton4:active { color:transparent;background:url('../images/na_4.jpg') no-repeat 0 -25px;}

#navBouton5 {  margin-right:1px;color:transparent;display:block;width:107px; height:25px; background:url('../images/na_5.jpg') no-repeat 0 0;}
#navBouton5:hover, #navBouton5:focus, #navBouton5:active { color:transparent;background:url('../images/na_5.jpg') no-repeat 0 -25px;}

#navBouton6 {  margin-right:1px;color:transparent;display:block;width:68px; height:25px; background:url('../images/na_6.jpg') no-repeat 0 0;}
#navBouton6:hover, #navBouton6:focus, #navBouton6:active { color:transparent;background:url('../images/na_6.jpg') no-repeat 0 -25px;}

#navBouton7 {  margin-right:1px;color:transparent;display:block;width:69px; height:25px; background:url('../images/na_7.jpg') no-repeat 0 0;}
#navBouton7:hover, #navBouton7:focus, #navBouton7:active { color:transparent;background:url('../images/na_7.jpg') no-repeat 0 -25px;}

#navBouton8 {  margin-right:1px;color:transparent;display:block;width:50px; height:25px; background:url('../images/na_8.jpg') no-repeat 0 0;}
#navBouton8:hover, #navBouton8:focus, #navBouton8:active { color:transparent;background:url('../images/na_8.jpg') no-repeat 0 -25px;}

#navBouton9 {  margin-right:1px;color:transparent;display:block;width:45px; height:25px; background:url('../images/na_9.jpg') no-repeat 0 0;}
#navBouton9:hover, #navBouton9:focus, #navBouton9:active { color:transparent;background:url('../images/na_9.jpg') no-repeat 0 -25px;}

#navBouton10 {  margin-right:1px;color:transparent;display:block;width:65px; height:25px; background:url('../images/na_10.jpg') no-repeat 0 0;}
#navBouton10:hover, #navBouton9:focus, #navBouton10:active { color:transparent;background:url('../images/na_10.jpg') no-repeat 0 -25px;}

#navBouton11 {  margin-right:1px;color:transparent;display:block;width:80px; height:25px; background:url('../images/na_11.jpg') no-repeat 0 0;}
#navBouton11:hover, #navBouton11:focus, #navBouton11:active { color:transparent;background:url('../images/na_11.jpg') no-repeat 0 -25px;}

#navBouton12 {  margin-right:1px;color:transparent;display:block;width:73px; height:25px; background:url('../images/na_12.jpg') no-repeat 0 0;}
#navBouton12:hover, #navBouton12:focus, #navBouton12:active { color:transparent;background:url('../images/na_12.jpg') no-repeat 0 -25px;}




#uknavBouton1 { margin-right:1px;color:transparent;display:block;width:71px; height:25px; background:url('../images/ukna_1.jpg') no-repeat 0 0; }
#uknavBouton1:hover, #uknavBouton1:focus, #uknavBouton1:active { color:transparent;background:url('../images/ukna_1.jpg') no-repeat 0 -25px;}

#uknavBouton2 {  margin-right:1px;color:transparent;display:block;width:70px; height:25px; background:url('../images/ukna_2.jpg') no-repeat 0 0;}
#uknavBouton2:hover, #uknavBouton2:focus, #uknavBouton2:active { color:transparent;background:url('../images/ukna_2.jpg') no-repeat 0 -25px;}

#uknavBouton3 {  margin-right:1px;color:transparent;display:block;width:96px; height:25px; background:url('../images/ukna_3.jpg') no-repeat 0 0;}
#uknavBouton3:hover, #uknavBouton3:focus, #uknavBouton3:active { color:transparent;background:url('../images/ukna_3.jpg') no-repeat 0 -25px;}

#uknavBouton4 {  margin-right:1px;color:transparent;display:block;width:72px; height:25px; background:url('../images/na_4.jpg') no-repeat 0 0;}
#uknavBouton4:hover, #uknavBouton4:focus, #uknavBouton4:active { color:transparent;background:url('../images/na_4.jpg') no-repeat 0 -25px;}

#uknavBouton5 {  margin-right:1px;color:transparent;display:block;width:64px; height:25px; background:url('../images/ukna_5.jpg') no-repeat 0 0;}
#uknavBouton5:hover, #uknavBouton5:focus, #uknavBouton5:active { color:transparent;background:url('../images/ukna_5.jpg') no-repeat 0 -25px;}

#uknavBouton6 {  margin-right:1px;color:transparent;display:block;width:101px; height:25px; background:url('../images/ukna_6.jpg') no-repeat 0 0;}
#uknavBouton6:hover, #uknavBouton6:focus, #uknavBouton6:active { color:transparent;background:url('../images/ukna_6.jpg') no-repeat 0 -25px;}

#uknavBouton7 {  margin-right:1px;color:transparent;display:block;width:70px; height:25px; background:url('../images/ukna_7.jpg') no-repeat 0 0;}
#uknavBouton7:hover, #uknavBouton7:focus, #uknavBouton7:active { color:transparent;background:url('../images/ukna_7.jpg') no-repeat 0 -25px;}

#uknavBouton8 {  margin-right:1px;color:transparent;display:block;width:54px; height:25px; background:url('../images/ukna_8.jpg') no-repeat 0 0;}
#uknavBouton8:hover, #uknavBouton8:focus, #uknavBouton8:active { color:transparent;background:url('../images/ukna_8.jpg') no-repeat 0 -25px;}

#uknavBouton9 {  margin-right:1px;color:transparent;display:block;width:73px; height:25px; background:url('../images/ukna_9.jpg') no-repeat 0 0;}
#uknavBouton9:hover, #uknavBouton9:focus, #uknavBouton9:active { color:transparent;background:url('../images/ukna_9.jpg') no-repeat 0 -25px;}

#uknavBouton10 {  margin-right:1px;color:transparent;display:block;width:63px; height:25px; background:url('../images/ukna_10.jpg') no-repeat 0 0;}
#uknavBouton10:hover, #uknavBouton9:focus, #uknavBouton10:active { color:transparent;background:url('../images/ukna_10.jpg') no-repeat 0 -25px;}

#uknavBouton11 {  margin-right:1px;color:transparent;display:block;width:40px; height:25px; background:url('../images/ukna_11.jpg') no-repeat 0 0;}
#uknavBouton11:hover, #uknavBouton11:focus, #uknavBouton11:active { color:transparent;background:url('../images/ukna_11.jpg') no-repeat 0 -25px;}

#uknavBouton12 {  margin-right:1px;color:transparent;display:block;width:80px; height:25px; background:url('../images/ukna_12.jpg') no-repeat 0 0;}
#uknavBouton12:hover, #uknavBouton12:focus, #uknavBouton12:active { color:transparent;background:url('../images/ukna_12.jpg') no-repeat 0 -25px;}

/*
// 	ClearBox Config File (CSS)
*/

.CB_TextNav, #CB_ShowTh, #CB_Thumbs2, #CB_Thumbs, .CB_RoundPixBugFix, #CB_Padding, #CB_ImgContainer, #CB_PrevNext, #CB_ContentHide, #CB_OSD, #CB_Text, #CB_Window, #CB_Image, #CB_TopLeft, #CB_Top, #CB_TopRight, #CB_Left, #CB_Content, #CB_Right, #CB_BtmLeft, #CB_Btm, #CB_BtmRight, #CB_Prev, #CB_Prev:hover, #CB_Prev:focus, #CB_Prev:active, #CB_Next, #CB_Next:hover, #CB_Next:focus, #CB_Next:active, #CB_CloseWindow, #CB_SlideShowS, #CB_SlideShowP, #CB_SlideShowBar, #CB_Email {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
	outline-style: none;
	outline: 0;
}

.absolute {
	position: absolute;
}

#CB_NotImgContent {
	position: absolute;
	width: 0px;
	height: 0px;
}

#CB_NotIC, #CB_NotImgContent {
	border: none;
	outline-style: none;
	outline: 0;
}

#CB_Window {
	width: 0px;
	border-spacing: 0px;
	border-width: 0px;
}

.CB_Sep {
	color: #bbb;
}

.CB_TnThumbs {
	width: 0px;
	height: 0px;
	border: 0px;
	padding: 0;
	margin: 0;
	visibility: hidden;
}

.CB_BtmNav {
	position: relative;
	top: 4px;
	border: 0;
	padding: 0px 0px 0px 3px;
}

#CB_ImgHide {
	position: absolute;
	visibility: hidden;
	z-index: 1098;
	left: 0px;
}

#CB_ShowTh {
	width: 100%;
	height: 20%;
	visibility: hidden;
	position: absolute;
	z-index: 1097;
	bottom: 0px;
	left: 0px;
}

#CB_Thumbs {
	display: none;
	height: 62px;
	padding-top: 10px;
	position: absolute;
	z-index: 1100;
	overflow: hidden;
	bottom: 0px;
	left: 0px;
}

#CB_Thumbs2 {
	margin: auto 0;
	height: 52px;
	position: absolute;
}

.CB_ThumbsImg {
	position: absolute;
	cursor: pointer;
	border: 1px solid #000;
}

#CB_ThumbsActImg {
	cursor: default;
	border: 1px dotted #000;
}

.CB_RoundPixBugFix {
	display: block;
	visibility: hidden;
	font-family: arial;
	font-size: 1pt;
}

#CB_ImgContainer {
	position: relative;
	width: 100%;
}

#CB_PrevNext {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1002;
}

#CB_NavPrev, #CB_NavNext {
	visibility: hidden;
	position: absolute;
	z-index: 1001;
	top: 47%;
	cursor: pointer;
}

#CB_NavPrev {
	left: 18px;
}

#CB_NavNext {
	right: 14px;
}

#CB_ContentHide {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
}

#CB_OSD {
	position: absolute;
	left: 50%;
	z-index: 5000;
	font-family: arial;
	font-size: 22px;
	color: #fff;
	background-color: #000;
	visibility: hidden;
}

#CB_Text {
	position: relative;
	text-align: left;
	overflow: hidden;
}

#CB_TT, #CB_TC {
	position: relative;
}

#CB_TT, #CB_HiddenText {
	white-space: nowrap;
}

#CB_TC {
	margin-top: 2px;
	overflow-y: auto;
}

#CB_TG {
	margin-top: -2px;
}

#CB_Window {
	left:50%;
	position:absolute;
	top:50%;
	visibility:hidden;
	z-index: 1100;
	border-collapse: separate;
}

#CB_Image {
	position: relative;
}

#CB_TopLeft {
	background-image:url(pic/s_topleft.png);
	background-position:right bottom;
}

#CB_Top {
	background-image:url(pic/s_top.png);
	background-position:left bottom;
}

#CB_TopRight {
	background-image:url(pic/s_topright.png);
	background-position:left bottom;
}

#CB_Left {
	background-image:url(pic/s_left.png);
	background-position:right top;
}

#CB_Right {
	background-image:url(pic/s_right.png);
	background-position:left top;
}

#CB_BtmLeft {
	background-image:url(pic/s_btmleft.png);
	background-position:right top;
}

#CB_Btm {
	background-image:url(pic/s_btm.png);
	background-position:left top;
}

#CB_BtmRight {
	background-image:url(pic/s_btmright.png);
	background-position:left top;
}

#CB_Prev, #CB_Next {
	background: transparent url(pic/blank.gif) no-repeat scroll 0%;
	display: block;	
	width: 49%;
	cursor: pointer;
	z-index: 1102;
}

.CB_TextNav {
	text-decoration: underline;
	padding-right: 5px;
	color: #999;
	cursor: pointer;
	border: none;
}

.CB_TextNav:hover {
	text-decoration: underline;
	color: #555;
	border: none;
}

#CB_Prev {
	float: left;
	left: 0px;
}

#CB_Next {
	float: right;
	left: 0px;
}

#CB_Prev:hover {
background:transparent;
}

#CB_Next:hover {
background:transparent;
}

#CB_CloseWindow {
	position: absolute;
	z-index: 1104;
	cursor: pointer;
}

#CB_SlideShowS, #CB_SlideShowP {
	position: absolute;
	left: -27px;
	top: -14px;
	z-index: 1104;
	cursor: pointer;
}

#CB_SlideShowBar {
	width: 0px;
	position: absolute;
	height: 2px;
	display: none;
	z-index: 1102;
}

#CB_HiddenText, #CB_HiddenTextC {
	position: absolute;
	visibility: hidden;
	z-index: -1000;
	top: -100px;
	left: -100000px;
}

.CB_PreloadBugFix {
	width: 0px;
	height: 0px;
	z-index: -1000;
	visibility: hidden;
	position: absolute;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url('../images/black_arrowm.png');
	font-size:12px;
	height:35px;
	width:95px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#lesTofs img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}


    #status{
    	width:50%;
    	padding:10px;
    	height:42px;
    	outline:none;
    }
    .focusField{
    	border:solid 1px #93FF96;
    	background:#EFFFF5;
    	color:#000;
    }
    .idleField{
    	background:#fff;
    	color: #333;
		border: solid 1px #DFDFDF;
    }


#commentaireForm {
float:left;width:420px; margin:0px 6px 6px 0px; padding:5px; text-align:left;
}

.commentaireParagraphe {
float:left;margin:3px;width:450px; padding:5px; text-align:left; 
}

.commentaireSignature {
text-align:right;font-weight:bold;
}



#erreur{
font-size:90%;color:red; font-style:italic;text-align:right;
}


#blocPhotoH img { display: none }
#blocPhotoH img.first { display: block; }