/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

.texte {
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.texte_petit {
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.chapo {
		color: #CC0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.titre {
		color: #CC0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*.sous_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.lien_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFDF9B;
	text-decoration: none;
	font-weight: bold;
}
.lien_menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	; font-weight: bold
}
.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
    font-weight: normal;
}
.lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.lien_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
    font-weight: bold;
}
.lien_gras:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}*/
.pied_legende {
		color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pied_legende:hover {
		color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/*.lien_liste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F1F1F1;
	text-decoration: underline;
    font-weight: bold;
}
.lien_liste:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F1F1F1;
	text-decoration: none;
}*/

/**old style******************/

.bleu {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #3A5288;
}

.blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.noir {
		color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: normal;
	font-style: normal;
}

.prof {
	font-family: Verdana, Courier, mono;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.plan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.textebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.blancgras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.devis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bold;
}

.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Style9 {
	font-size: 14px;
}



.Style18 {
	color: #3A5288;
}



.Style20 {
	color: #F84002;
}

.Style20 {
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



.Style22 {
	color: #26AC19;
}

.Style23 {
	color: #0000FF;
}

.Style24 {
	font-size: 9px
}

.Style26 {
	color: #0000FF;
	font-size: 10px;
}

.Style27 {
	color: #66CC99;
	font-size: 12px;
	font-weight: bold;
}

.Style28 {
	color: #9DACCD
}

.Style29 {
	color: #000000;
	font-size: 11px;
}

.Style30 {
	color: #456999
}

.Style31 {
	font-size: 11px;
}

.Style33 {
	color: #333333
}

.Style34 {
	font-size: 10px;
	color: #000000
}

.Style35 {
	color: #CCCCCC;
	font-size: 10px;
}

.Style36 {
	color: #999999
}

.Style39 {
	font-size: 10px;
}

.Style37 {
	color: #000000
}

.Style40 {
	color: #999999;
}

.INPUTOBLIGATOIRE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

.INPUTPROBLEME {
	font-weight: bold;
	border-left-color: #000000;
	border-bottom-color: #000000;
	border-top-color: #000000;
	background-color: orange;
	border-right-color: #000000;
}

.error {
	color: red;
	font: 10px arial;
	display: inline;
}

.hidden {
	display: none;
}

a.link2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.link2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.link2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

a.link2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/***/
a.link1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

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

a.link1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.link1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/***************************Calendar***************************/
	/* the div that holds the date picker calendar */
.dpDiv {
	z-index: 1000;
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
}

.dpCurrent {
	color: #0000ff;
	font-size: 15px;
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

img.DatePicker {
	border: 0;
	padding: 0 0 2px 3px;
	margin: 0;
	vertical-align: middle;
	z-index: 1000;
}

/************************************************************************************/
.redtexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-align: left;
}

.select {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

div.ex {
	color: #000000;
	background-color: #f1f1f1;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	overflow: auto;
	width: 230px;
	height: 45px;
	max-height: 60px;
	max-width: 230px;
	border-width: 2px;
	border-color: black;
}

.chemin {
		color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.formulaire {
	font-family: "Century Gothic";
	font-size: 16px;
	font-weight: bold;
	color: #3A5288;
}
a.link2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

a.link2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

a.link2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

a.link2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.btn_style1 {
  font-weight:bold; 
  font-size:10pt; 
  color: #FF0000; 
  height: 20px; 
  border-color: #FFFFFF; 
  background-color: #FFFFFF;
}
.textacc {
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Style23 {font-size: 15 ;
                     color: #ffffff}
a.class12:link {
	color: #d43c3c;
}
a.class12:hover {
	color: #d43c3c;
}
.grostxt {
	color: #FFFFFF;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#apDiv1 {
	position:absolute;
	width:50px;
	height:115px;
	z-index:1;
	left: 1083px;
	top: 162px;
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	right: auto;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 40px;
	height: 130px;
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
	
float: right;}

#kwick_1 {
	background-image: url(../images/etape1.gif);
}
#kwick_2 {
	background-image: url(../images/etape2.gif);
}
#kwick_3 {
	background-image: url(../images/etape3.gif);
}
.kwicks.horizontal #kwick_4 {
	margin-right: 5px; /* cancel margin on last kiwck (if you set a margin above) */
float: right;}
.kwicks.vertical #kwick_4 {
	margin-bottom: 5px; /* cancel margin on last kiwck (if you set a margin above) */
float: right;}
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container2{
	position:relative;
	text-align:center;
	width:300px;
	margin-bottom:15px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
		}	

/* Easy Slider */

	#slider2{}	
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
	height:280px;
	overflow:hidden;
		}	
	#prevBtn, #nextBtn{
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-10px;
	top:90px;
		}	
	#nextBtn{
	left:300px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/suiv.gif) no-repeat 0 0;	
		}												

.Style21 {
color: #66A1CB;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;}