/* CSS Document */

body { margin: 0;
		padding: 0;
		background: #fff;
		text-align: center; }

#logo { width: 100%;
		border-top: 9px solid #003399; }

#logo-img { width: 722px;
			margin: 0 auto;
			padding: 0;
			text-align: left; }

#logo-img img {
	margin: 0;
	padding: 8px 0;
	text-align: left;
}

#lignebleue {
	width: 100%;
	height: 15px;
	text-align: center;
	clear: both;
	background: #ccc url("images/nav.gif") repeat-y center;
	margin: 0;
	padding: 0;
}

#nav {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-bottom: 5px solid #000;
	text-align: center;
}

#nav p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin: 0 0 4px 0;
	padding: 10px 0 0 0;
}

#nav p a:link, #nav p a:visited {
	color: #666;
	text-decoration: none;
}

#nav p a:hover {
	color: #fffff;
	text-decoration: none;
	border-bottom: 4px solid #333;
}

#navcell {
	margin: 0 auto;
	padding: 0;
	width: 722px;
	text-align: center;
}

#navcell ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcell li {
	float: left;
	margin: 0;
	list-style-type: none;
	text-align: center;
}

#navcell li a:link, #navcell li a:visited {
	color: #666;
	display:block;
	padding:5px 7px;
	text-decoration: none;
	border-bottom: 4px solid #FFF;
}

#navcell li a:hover {
	text-decoration: none;
	border-bottom: 4px solid #3399FF;
}

#topdegrade {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
	background: #ffffff url("images/degrade2.jpg") repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#photoboite {
	width: 722px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

#mainphoto {
	float: left;
	width: 425px;
	height: 150px;
	margin: 0;
	padding: 0;
	text-align: right;
	background-color: #FFFFFF;
}

#tagline {
	float: right;
	width: 295px;
	height: 150px;
	margin: 0;
	padding: 0;
	text-align: center;
	border-left: 1px solid #fff;
	background-color: #3399CC;
}

#contenu {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background:  url("images/ombre.jpg") repeat-x top;
}

#maincopy {
	clear: both;
	width: 720px;
	margin: 0 auto;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	background: url(images/better_approach_bg.jpg) no-repeat left;
}

#maincopy p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 1.5em;
	margin: 0 0 0 370px;
	padding: 10px 10px 5px 0;
	text-align: left;
}

#edito {
	width: 722px;
	margin: 5px auto;
	padding: 0;
	background: #ffffff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

#left {
	float: left;
	width: 425px;
	margin: 0;
	padding: 0;
	background: left;
}

#left img {
	float: right;
	border: 1px solid #fff;
	margin: 5px;
	padding: 0;
	background: transparent;
}

#left h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	margin: 0;
	padding: 10px 10px 0 15px;
}

#left p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left;
	margin: 0 135px 0 0;
	padding: 10px 10px 5px 15px;
}

#left p a:link, #left p a:visited {
	color: #3399FF;
	text-decoration: none;
}

#left p a:hover {
	color: #ccc;
	text-decoration: underline;
}

#right {
	float: right;
	width: 295px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #fff;
	background: transparent url(images/subboite_bg_degrade.jpg) repeat-x top;
}

#right img {
	float: right;
	border: 1px solid #fff;
	margin: 5px;
	padding: 0;
}

#right h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	margin: 0;
	padding: 10px 10px 0 15px;
}

#right p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left;
	margin: 0;
	padding: 10px 10px 5px 15px;
}

#right p a:link, #right p a:visited {
	color: #3399FF;
	text-decoration: none;
}

#right p a:hover {
	color: #ccc;
	text-decoration: underline;
}

#subgray {
	clear: both;
	width: 720px;
	margin: 5px auto;
	padding: 0;
	background: #f7f7f7;
}

#adresse {
	float: right;
	width: 292px;
	background: transparent;
}

#adresse p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	line-height: 1.5em;
	margin: 0;
	padding: 10px 5px;
	text-align: left;
}

#adresse p a:link, #adresse p a:visited {
	color: #3399FF;
	text-decoration: none;
}
#adresse p a:hover {
	color: #ccc;
	text-decoration: underline;
}

.adresse-g {
	float: left;
}



#bas {
	clear: both;
	width: 720px;
	margin: 0 auto;
	padding: 0;
	background: #003399;
}

#bas p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	margin: 0;
	padding: 10px 10px 20px 10px;
	text-align: center;
}

#bas p a:link, #bas p a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#bas p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#bas img {
	margin: 0 0 -12px 0;
	padding: 0;
}

.base_blanc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .base_blanc {height: 1%;}
.base_blanc {display: block;}
/* End hide from IE-mac */

/* -------------------INTERIOR PAGE STYLES------------------------- */

#topdegrade-in {
	clear: both;
	width: 100%;
	height: 75px;
	margin: 0;
	padding: 0;
	background: #333 url("images/degrade3.jpg") repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#titleboite {
	width: 722px;
	height: 75px;
	margin: 0 auto;
	padding: 0;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

#pagetitle {
	float: left;
	width: 425px;
	height: 75px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#pagetitle h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0 15px;
	line-height: 75px;
	text-align: left;
}

#tagline-in {
	float: right;
	width: 295px;
	height: 75px;
	margin: 0;
	padding: 0;
	text-align: center;
	border-left: 1px solid #fff;
	background-color: #fffff;
}

#content {
	width: 720px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

#body-htm2 {
	float: left;
	width: 425px;
	margin: 0 0 5px 0;
	padding: 0;
	border-right: 1px solid #ccc;
}

#body-htm {
	width:100%;
	margin: 0 0 5px 0;
	padding: 0;
}

#body-htm h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
	padding: 10px 10px 5px 0;
}

#body-htm p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
	padding: 10px 10px 5px 0;
}

#body-htm a:link, #body-htm a:visited {
	color: #0099CC;
}

#body-htm a:hover {
	color: #006699;
	text-decoration: none;
}

#body-htm ul {
	margin: 10px 15px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
	list-style-type: square;
}

#body-htm li {
	margin: 0;
	padding: 0px;
}

.contenu-right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 3px;
}

.contenu-right a:link, .contenu-right a:visited {
	color: #3399FF;
	text-decoration: underline;
}

.contenu-right a:hover {
	color: #999;
	text-decoration: none;
}

.contenu-left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	text-align: right;
	margin: 0;
	padding: 3px;
}

.contenu-left a:link, .contenu-left a:visited {
	color: #3399FF;
	text-decoration: underline;
}

.contenu-left a:hover {
	color: #999;
	text-decoration: none;
}

.contenu-gris {
	background: #f7f7f7;
}

.contenu-bot {
	background: #f7f7f7;
	border-bottom: 1px solid #333;
}

.separator {
	border-top: 1px solid #CCCCCC;
	width: 96%;
	display: block;
}

.contenu-border {
	border-bottom: 1px solid #ccc;
}

#txtencadre {
	float: right;
	width: 294px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.txtencadre-boite {
	width: 293px;
	margin: 0 0 4px 4px;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 289px;
	text-align: left;
	background: #f7f7f7;
}

.txtencadre-boite2 {
	width: 100%;
	margin: 0;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	text-align: left;
	background: #f7f7f7;
	padding:10px 0;
}

html>body .txtencadre-boite { 
	width: 289px;
}

.txtencadre-boite h3, .txtencadre-boite2 h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #999;
	text-align: left;
	margin: 0;
	padding: 8px 5px 0 10px;
}

.txtencadre-boite p ,.txtencadre-boite2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	line-height: 1.3em;
	margin: 0;
	padding: 12px 5px 5px 10px;
}

.txtencadre-boite a:link, .txtencadre-boite a:visited, .txtencadre-boite2 a:link, .txtencadre-boite2 a:visited {
	color: #3399FF;
	text-decoration: none; }

.txtencadre-boite a:hover ,.txtencadre-boite2 a:hover {
	color: #33CCFF;
	text-decoration: underline;
}

.txtencadre-boite ul, .txtencadre-boite2 ul {
	margin: 10px 10px 10px 25px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
	list-style-type: square; }

.txtencadre-boite li, .txtencadre-boite2 li { margin: 0;
						padding: 0 10px; }
						
.txtintro { font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			vertical-align: middle;
			margin: 10px;
			line-height: 22px; }
	
.input { font-size: 10px; }

.tdleft { 	font-size:8pt;
			text-align:left;			
			vertical-align:middle;
			font-family: Verdana, Arial, Helvetica, sans-serif; }

.tdright { 	font-size:8pt;
			text-align:right;
			vertical-align:middle;
			font-family: Verdana, Arial, Helvetica, sans-serif; }
			
.tdcenter { font-size:8pt;
			text-align:center;
			vertical-align:middle;
			font-family: Verdana, Arial, Helvetica, sans-serif; }

h2 {font-size:10pt;
	font-weight:bold;
	text-align:center;
	color:#003399;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

h3 {font-size:9pt;
	font-weight:bold;
	text-align:center;
	color:#003399;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
				
.SousTitre { font-size:09pt;
				font-weight:bold;
				text-align:left;
				color:#003399;
				font-family: Verdana, Arial, Helvetica, sans-serif; }
				
.OnLine { text-align:right;
			font-size:8pt;
			font-weight:bold;
			color:#003399;
			font-family:arial,verdana; }
								
a.MenuSec.link	{  	color:#000000;	text-decoration:none;	font-size:08pt;   }
a.MenuSec.visited { color:#666666;  text-decoration:underline;	font-size:08pt;	}
a.MenuSec.hover	{  	color:red;	text-decoration: underline;	font-size:08pt;	}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***********************  ACTUALITES  **********************************/

.titreDivActu{text-align:right; font-family:Georgia, Arial; font-size:17px; color:#FFF; background:#128064; padding:4px; margin:0 0 0 2px; border-bottom:4px solid #000;}

.uneActu img{border:1px solid #128064;}

.uneActu, .uneActu:visited{
	padding:10px 5px;
	margin:0 2px;
	border-bottom: 1px solid #ccc;
	display:block;
	text-decoration:none;
}
.uneActu:hover{background:#f7f7f7 url('images/lirePlus.gif') right top no-repeat;}

.uneActu span{margin:1px 0; padding:1px 0; display:block;}

.titreActu{font-family:Arial; font-weight:bold; font-size:13px; color:#128064;}
.dateActu{font-family:Georgia, Arial; font-size:10px; color:#666666; }
.resumeActu{font-family:Verdana; font-size:11px; color:#333333; }

.contenuActu{float:left; width:410px; text-align:left; font-family:Verdana; color:#333333; font-size:11px; border-right:1px solid #CCC; min-height:500px; padding:0 8px 10px 0;}
.contenuActu img{float:left; margin:0 10px 5px 0; border:1px solid #128064;}
.listeActu{float:right; width:25%; margin-bottom:10px;}

/***************************** CONTACT *************************************/

.plan_mini{border:none;}

.formulaireContact{margin:5px 0; background:#f7f7f7; padding:10px 0; width:100%; float:right; border-bottom:1px solid #C7C7C7;}
.formulaireContact table{width:100%; margin:0; padding:0;}
.formulaireContact table tr td{vertical-align:top; font-size:10px; color:#128064; padding:4px 5px; font-family:Verdana; text-align:left;}
.formulaireContact table tr td input[type=text]{padding:1px; border-top:1px solid #128064; border-left:1px solid #128064; border-right:none; border-bottom:none; font-size:10px; color:#128064; margin:0 0 2px 0; font-family:Verdana; width:200px;}
.formulaireContact table tr td textarea{padding:1px; height:60px; overflow:auto; border-top:1px solid #128064; border-left:1px solid #128064; border-right:none; border-bottom:none; font-size:10px; color:#128064; margin:0; font-family:Verdana; width:200px;}
.formulaireContact table tr td .submit{color:#FFF; background:#128064; border:none; font-size:11px; font-family:Georgia; float:right;}


.tableMentions tr td{vertical-align:top;}
.tableMentions tr td b{color:#003399;}