/* CSS Document */

*{ padding:0px; margin:0px;}



h2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #FF6600; 
	font-weight: bold; 
}



body {
	margin:0px;
	padding:0px;
	background-image: url("../images/gen/bg_body.jpg");
	background-repeat:repeat-y;
	background-color: #E0DFE3;
}


#separateur, .separateur{ visibility:hidden; clear:both; }





/* ------------------------------------------ page  */	
#page {
	
	margin:10px 0px 0px 15px;
}
#page #article {
	padding:10px 20px;
	margin:10px 0px;
	
	clear:both;
}

.contentqui {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
		
	margin:0px;
	padding:0px;
}
.contentqui a{
	color:#6897CB;
	text-decoration:none;
	font-weight: bold;
}
.contentqui a:hover{
	text-decoration:underline;
	color:#66CCFF;
}





.contentservices {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
		
	margin:0px;
	padding:0px;
}
.contentservices a{
	color:#996699;
	text-decoration:none;
	font-weight: bold;
}
.contentservices a:hover{
	text-decoration:underline;
	color:#999999;
}


.contentservicespadding {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
		
	margin:0px;
	padding:30px;
}



.contentreferences {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
		
	margin:0px;
	padding:0px;
}
.contentreferences a{
	color:#9999CC;
	text-decoration:none;
	font-weight: bold;
}
.contentreferences a:hover{
	text-decoration:underline;
	color:#CC99FF;
}




.actu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
		
	margin:0px;
	padding-right:10px;
	padding-left:5px;
}


.actu a:link{
	color:#666666;
	text-decoration:none;
}

.actu A:visited {
	color:#666666;
	text-decoration:none;
}
.actu A:hover {
	TEXT-DECORATION: underline}








.illustration {	
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	border:1px #CCCCCC solid;
	background-color:#f0f2f1;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#027791;
	font-size:9px;
	text-align:center;
	
	float:left;
}
.illustration a{
	text-decoration:none;
}

.illustration a:hover{
	background-color:#3366FF;
}
.floatRight {
	float:right;
	margin-right:0px;
	margin-left:20px;
	margin-bottom:5px;
}


.floatLeft{
	float:left;
	margin-right:20px;
	margin-left:10px;
	margin-bottom:5px;
}



.footer {
	COLOR: #999999;
	FONT-SIZE: 11px;
	LINE-HEIGHT: 130%;
}
.footer A:link {
	COLOR: #666666; FONT-SIZE: 11px; TEXT-DECORATION: none; LINE-HEIGHT: 130%
}
.footer A:visited {
	COLOR: #666666; FONT-SIZE: 11px; LINE-HEIGHT: 130%
}
.footer A:hover {
	COLOR: #999999; TEXT-DECORATION: underline}
	
.gras {
	font-weight: bold;
	color: #333333;
}



.liensservices a:link{
	color:#996699;
	text-decoration:none;
	font-weight: bold;
}
.liensservices  a:hover{
	text-decoration:underline;
}



.fonddef {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	font-size:11px;
}

.fonddef A:link{
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	
	
}


.fonddef A:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	color: #333333;
}

.fonddef A:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color: #FFFFFF;
	text-decoration:underline;
}

.aide { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color: #666666;

}





.logo{
	COLOR: #333333;
	font-family: tahoma;
	FONT-SIZE: 10px;
	LINE-HEIGHT: 100%;

}

.logo A:link {
	COLOR: #666666; 
	FONT-SIZE: 11px;
	font-weight:bold;
	TEXT-DECORATION: none; 
}
.logo A:visited {
	COLOR: #666666; 
	FONT-SIZE: 11px; 
	font-weight:bold; 
}
.logo A:hover {
	COLOR: #CCCCCC;
	font-weight:bold; 
	TEXT-DECORATION: underline; 	
	background-color: #333333;
}

.tableauindex {

	background-image:url(../images/gen/fondindex6.gif);
	background-repeat:no-repeat;
}



.calqueannexe{
	font-size: 11px;
	font-family: tahoma;
	color:#666666;
	background-color:#f8f1e0;
	border-bottom:1px #AAA solid;
	border-top: 1px #AAA solid;
	border-left: 1px #AAA solid;
	border-right: 1px #AAA solid;
	text-align: justify;
}

#pagegalerie {
	width:718px;
	margin:0px 0px 0px 34px;
}



#illustrationgalerie {	
	
	
	border:1px #CCCCCC solid;
	background-color:#f0f2f1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#027791;
	font-size:9px;
	text-align:center;
	
	
}

.orange {
	color:#FF6633;
	font-weight: normal;
}


.jmaccueil {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993300;
	font-variant: small-caps;
}

.marginleft {

margin-left:30px;
}


/* ------------------------------------------ menu principal */	
#menuPrin {
	list-style:none;
	margin: 10px 0px 0px 40px;
}
#menuPrin li {
	float:left;
	
}
#menuPrin li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-decoration:none;
	padding:2px 30px;
	
}
#menuPrin li a:hover{
	color:#FFF;
	background-color:#FF9933;
	
}


.ul{ 
	margin:0px;
	padding:0px;
}

#dropmenudiv{
	position:absolute;
	border:1px solid #277486;
	border-bottom-width: 0;
	font:normal 12px Arial, Verdana;
	line-height:18px;
	z-index:100;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: repeat;
	
	filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #277486;
	padding: 1px 0;
	text-decoration: none;
	font-size: 10px;
	color: #277486;
	font-weight:normal;
}

#dropmenudiv a:hover{
	background-color: #FF9933;
	color: #FFF;
}

.menuqui {
	list-style:none;
	margin: 10px 0px 0px 40px;
}
.menuqui a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	font-weight: bold;
	text-decoration:none;
	padding:2px 30px;
	
}
.menuqui a:hover{
	color:#FFF;
	background-color:#66CCFF;
}

.menuservices {
	list-style:none;
	margin: 10px 0px 0px 40px;
}
.menuservices a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	font-weight: bold;
	text-decoration:none;
	padding:2px 30px;
}
.menuservices a:hover{
	color:#FFF;
	background-color:#996699;
}


.menuref {
	list-style:none;
	margin: 10px 0px 0px 40px;
}
.menuref a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	font-weight: bold;
	text-decoration:none;
	padding:2px 30px;
}
.menuref a:hover{
	color:#FFF;
	background-color:#9999CC;
}

.menucontact {
	list-style:none;
	margin: 10px 0px 0px 40px;
}
.menucontact a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	font-weight: bold;
	text-decoration:none;
	padding:2px 30px;
}
.menucontact a:hover{
	color:#FFF;
	background-color:#FF9933;
}

.tabprincipal {
	border-color: #333333;
	border:1px;
	background-color:#FFFFFF;
	}