* { margin: 0; padding: 0;  }

body {
	background: #FFFFFF;
	font: 11px Verdana,Arial,sans-serif;
	color: #a9a9a9;
}

.BodyFrame1 {
	background: #FFFFFF;
	background-image: url(images/body_bg00.jpg); background-repeat:no-repeat;
	font: 11px Verdana,Arial,sans-serif;
	color: #a9a9a9;
}

.BodyFrame2 {
	background: #FFFFFF;
	background-image: url(images/body_bg01.jpg); background-repeat:no-repeat;
	font: 11px Verdana,Arial,sans-serif;
	
}

#holder {  top: 0; left: 0;}
#copy {clear: both; height: 5em;  bottom: 0; left:0;   border: none; width: 100%;}
html, body, #holder { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #holder { height: auto;}
body { margin: 0; padding:0;background-color:#E3E4E4;	 }

#resol {text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;position:fixed;padding-left:10px;width:290px;top:0px;left:1280px;margin:0 auto;background:#bfc6d9;} #resol h1 {background:none;font-size:1.2em;letter-spacing:10px;padding:0px;margin:0px;border: 0px;} #resol h2 {font-size:0.6em;letter-spacing:3px;padding:0px;margin:0px;background:none;}
.TitreB{ color:#6B7598; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;}
.TitreJ{ color:#F0C224; font-family:Verdana, Arial, Helvetica, sans-serif;  font-style:italic; font-size:16px;} 
.Box{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.Copy{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.Style2 {color: #F0C224; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 16px; }
.Style3 {color: #83ADF7}

.Style4 {
	font-size: 12px;
	font-weight: bold;
}

.Style5 {color: #F0C224; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 12px; }
.Style6 {color: #F0C224; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 10px; }

#dpci-sas, #dpci-sas a {color:#c2cae0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;text-align:right;width:820px;margin:auto;}
#dpci-sas a:hover {color:#c2cae0;text-decoration:none}
LI {text-align:justify; margin-right:0.8cm; margin-bottom:0.3cm}
A:link { text-decoration:underline; color: #004F77; }
A:visited {text-decoration:underline; color: #004F77; }
A:hover {text-decoration:underline; color: #004F77; }

.appel {color: white; font-family: Verdana, Arial; cursor: hand; font-variant: small-caps}
.input-08 {font-family: Verdana; font-size: 8 ; color: #808080; border-left-style: solid; border-right: 1 solid #C7C7FF; border-top-style: solid; border-bottom: 1 solid #C7C7FF}
.input-10 {font-family: Verdana; font-size: 10 ; color: #FFFFFF; background-color: #7DA6D4; border-style: outset; border-color: #7DA6D4}
.marque {color: #7295C0; font-family: Verdana; font-weight: bold}
.optfi { background-image: url("../images/optfi.jpg"); color: #666666;text-decoration:none; }
.optf { background-image: url("../images/optf.jpg"); color: #CC0000;text-decoration:none; }
.style-p {font-family: Verdana, Arial, Helvetica; color: #5F5E62; text-align: justify;}
.style-pg {font-family: Verdana, Arial, Helvetica; color: #5F5E62; text-align: left;}
.style-t {font-family: Verdana, Arial, Helvetica; color: #7295C0; text-align: justify;}
.style-tg {font-family: Verdana, Arial, Helvetica; color: #7295C0; text-align: left;}
.style-tc {font-family: Verdana, Arial, Helvetica; color: #7295C0; text-align: center;}
.style-td {font-family: Verdana, Arial, Helvetica; color: #7295C0; text-align: right;}
.style-tg16 {font-family: Verdana, Arial, Helvetica; font-size: 16pt; color: #7295C0; text-align: left;}
.style-tg14 {font-family: Verdana, Arial, Helvetica; font-size: 14pt; color: #7295C0; text-align: left;}
.style-tg12 {font-family: Verdana, Arial, Helvetica; font-size: 12pt; color: #7295C0; text-align: left;}
.style-tg10 {font-family: Verdana, Arial, Helvetica; font-size: 10pt; color: #7295C0; text-align: left;}

.in {
    background-image: url("images/button3.gif");
    color: #004F77;
    color: White;
    text-transform: uppercase;
    font-weight: bold;
    outline-color: #FFFFFF;
}
.out { background-image: url("images/button1.gif"); color:  #004F77;text-decoration:none;}
.ov { background-image: url("images/button1.gif");  color:  #004F77; text-decoration:underline;
    
    
     
    }

A.menu_haut:link { color:  #004F77;text-decoration:none;} 
A.menu_haut:visited {color:  #004F77;text-decoration:none;} 
A.menu_haut:hover {color:  #004F77;text-decoration:underline;}


A.menu_titre:link { color: #FFFFFF;text-decoration:none;} 
A.menu_titre:visited {color: #FFFFFF;text-decoration:none;} 
A.menu_titre:hover {color: #FFFFFF;text-decoration:underline;}

    
    A.menu_opt:link {  background-image: url("images/button1.gif");  text-decoration: none;} 
    A.menu_opt:visited {  background-image: url("images/button1.gif");   text-decoration: none;}
    A.menu_opt:hover {  background-image: url("images/button1.gif");padding: 0px 0px 0px 25px;  text-decoration:underline;}
    
    A.menu_sel:link {  background-image: url("images/button1.gif");  padding: 0px 0px 0px 25px;margin: 0;  text-decoration: none;} 
    A.menu_sel:visited {  background-image: url("images/button1.gif");  margin: 0;  text-decoration: none;}
    A.menu_sel:hover {  background-image: url("images/button2.gif");padding: 0px 0px 0px 25px;  text-decoration:underline;}
    
    


 ul.menu {      margin : 0;  padding: 0px 20px;  text-transform:none;font-weight:normal; text-align:left}
    ul.menu li { background-image: url("images/button1.gif");  float: left;  margin: 0;  border: 0;}
    ul.menu ul { background-image: url("images/button1.gif");  display: none;  list-style-type: none;  margin: 0;  padding: 0;  border: solid 1px black;}
    ul.menu ul li { background-image: url("images/button2.gif");  float: none;  padding: 0;}
    
    ul.menu li a:link {  display: block;  color:  #004F77;  background-image: url("images/button1.gif");  margin: 0;  padding: 7px 20px;  text-decoration: none;} 
    ul.menu li a:visited {  display: block;  color:  #004F77;  background-image: url("images/button1.gif");  margin: 0;  padding: 7px 20px;  text-decoration: none;}
    ul.menu li a:hover {  background-image: url("images/button2.gif"); padding: 7px 20px;  }
    
    ul.menu li:hover > ul {background-image: url("images/button2.gif");   display: block;  }
    
.p {
	margin:0px;
}

#body_bottom_bgd {
	width: 852px;
	margin: 0 auto;
	background: #FFFFFF url(images/body_bgd_bottom.gif) bottom center no-repeat;	height:100%;
}

#page {
	width: 790px;	height:100%;
	background: #FFFFFF url(images/body_bgd.gif) center repeat-y;
	padding:0 8px 0 16px;
	margin: 0 auto;

}

#left_col {
	width: 210px;
	float:left;
}

#left_col img {
	margin:10px 0 0px 10px;

}


#logo {
	font-size: 1.2em;	
	margin-bottom: 20px;
}

#logo h1 {	
	padding: 15px 0px 0px 50px;
	font-size: 1.1em;	
	font-weight: normal;
	letter-spacing:-1px;
}

#logo img {
	float:left;
}

#right_col {
	width:560px;
	padding:0 0 20px 10px;
	float:left;


}



#right_col h1{
		font: 12px "MS Trebuchet",Verdana,Arial;
		color: #669ac6;
		margin:0px;
		padding-top:5px;
		font-size: 1.3em;	
		font-weight: normal;
		letter-spacing:-1px;

}

#right_col h2 {
		background:transparent url(images/arrow.gif) no-repeat left;
		display:inline;
		font-weight:bold;
		font-size: 1.1em;
		padding-left:12px;
		padding-top: 3px;
		padding-bottom: 3px;
}


#left_bgd{

padding-left:20px;
background: #FFFFFF url(images/content_bgd_left.gif) left repeat-y;
overflow:hidden;
}


#header {
	margin: 5px 0 10px 20px;
	font-size: 1.5em;
	letter-spacing: 3px;
}


#blue_line {
background:#669ac6;
font-size: 0px;
height:2px;
margin-top:1px;
margin-bottom:10px;
width:540px;
}


.news {
	font-family: Arial;
	font-size: 0.9em;
	background-color: #e8f4ff;
	padding: 10px;
	margin-top:50px;
	text-align:justify;
}

.news h1{
		color: #669ac6;
		margin-bottom: 10px;
		font-size: 1.1em;	
		font-weight: normal;		
}

.right {
	float:right;
	padding-left:10px;
}

.left {
	float:left;
	padding-right:10px;
}

.justify {
	text-align: justify;
	
}

.justify2 {
	text-align: justify;
	margin-right:0.8cm;
}
.blue {
color: #669ac6;
}

.clearboth {
	clear:both;
}



#resol {
text-align:left;
width:300px;
position:fixed!important;
position:absolute;
top:0px;
left:1280px;
margin:0 auto;
background:transparent;
} 

#resol h1 {
background:none;
font-size:1.5em;
letter-spacing:12px;
padding:0px;margin:0px;
border: 0px;
}
#resol h2 {
font-size:0.8em;letter-spacing:3px;
padding:0px;margin:0px;
background:none;
}

.dottedline { 
	width:100%;
	border-top:dotted 1px #669ac6;
	margin: 10px 0px 0px 0px;
	height:0px;
}

.boxleft {
	width:240px;
	padding: 10px 10px 0px 0px;
	border-right:dotted 1px #669ac6;
	float:left;	
}

.boxright {
	width:240px;
	border-left:dotted 1px #669ac6;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 250px;

}

.txt1 {
	margin-right:67px;
	text-align:justify;
	
	
}
li {
background:transparent url(images/square.gif) no-repeat left;
list-style-type:none; 

text-align:justify;
vertical-align:top;
}

table {
padding:5px;
border:0px;
}

form {
border : 5px;
padding:5px;
margin:5px;
}


legend {
color:#669AC6;
}

form label.text {
	display:block;
	float: left;
	width: 40%;
	text-align: right; 
	margin: 5px 0 0 0;
	padding: 0.1em;
}

input.text, textarea.text,input.warning, textarea.warning  { 
  border-color:#dadada; 
  border-style:solid; 
  border-width:1px; 
  margin:5px;
	width:200px;
}


 textarea.text  {
 width:200px;
 height:80px;
 }

.button {
	margin-top:5px;

	border: 0px solid #ffffff;
	padding: 0px 10px 0px 10px;	
	color:  #ffffff;
	background-color: #669AC6;	
			
}

.center {
	text-align:center;
}

#wrap {overflow:hidden;padding-bottom:10px;}
.bold {
	font-weight:bold;
}



#copyright {
height: 35px;/* don't change */
font-size: 0.9em;
padding-top:15px;
text-align:center;
}
#copyrightkit {
	width: 800px;
}
#copyright a,#copyright a.link  {
text-decoration: none;
color: #a9a9a9;
}

#copyrightkit, #copyrightkit a {	
	margin: 0 auto;
	text-align:right;
	font-size: 0.9em;
	color:#d7d7d7;
	text-decoration:none;

}

#copyrightkit a:hover {
	text-decoration:underline;
}

#holder { top: 0; left: 0;width:100%;}
#copy {clear: both; bottom: -9px; left:0;  border: none; width: 100%;}