/* CSS Document */
html,body{
	margin:0; padding:0;
}
body{
	background:url('../img/bg.png') top left repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height:18px;
}
p { margin:0 10px 10px 0px; display:block; }

a	 			{ color:#004487;  text-decoration:none;}
a:hover 	{ color:#7FA1C3; text-decoration:underline  }
a:visited 	{  }

h1 {font-size:21px; color:#004487;  }
h2 {  }
h3 {  }
h4 { color:#FFFFFF; font-size:18px; }
h5 {  }
h6 {  }

img { border:0; }

table.videos td { vertical-align:top; background:url('../img/ellipse.jpg') bottom right no-repeat; }

/*  * CONTENEURS (de haut en bas) ------------------------------------ */
/* conteneur de la page */
div#container {
	width:850px; 
	margin:0px;
	padding:0px;
	/*border:1px solid #FF0000;*/
	/*text-align:left;*/
}

#header{
	/*padding:10px;*/
	background:url("../img/fd-header.jpg") top left no-repeat;
	width:750px;
	height:140px;
	display:block;
}

div#col_left {
	background:url("../img/filet-g.jpg") left top no-repeat;
	display:block;
	width:140px;
	/*height:540px;*/
	/*border:1px solid #00FF00;*/
	float:left;
}

div#col_right {
	/*border:1px solid #0000FF;*/
	margin:-3px 10px 0px 140px;
	padding:0;
}

.tab-acc { width:640px; vertical-align:top; /*border:1px #0000FF solid; */ clear:none;}
.tab-acc tr td {  vertical-align:top; width:33%;  }
.tab-acc tr td p{ padding:0; text-align:justify; margin:10px 5px 10px 40px; }
.picapp { float:right; display:block; margin:5px -16px 5px 5px;}

div#menu {
	margin:50px 10px 10px -30px;
	font-size:12px; 
}
div#menu ul { list-style-type:none; }
div#menu ul li a, div#menu ul li span {
	text-decoration:none; background:url("../img/puce-ellipse.jpg") center left no-repeat; padding-left:15px; line-height:25px;
	color: #004487;
	text-decoration: none;
}

div#menu ul li.actif a { font-weight:bold; }


div#menu .sub  a{
	list-style-type:none; font-size:11px; color:#666666; text-decoration:none; background:url("../img/puce.jpg") center left no-repeat; line-height:20px; margin-left:-20px;
}
div#menu .sub  a:hover{ text-decoration:underline;}

.rd-contact {
	display:block;
	width:115px;
	height:175px;
	background:url("../img/rd-contact.png") 0px 0px no-repeat;
	text-indent:-9999px;
}

.rd-contact:hover {
	background-position:0px -180px;
}

div#logo-g{
	width:150px;
	vertical-align:middle;
	text-align:left;
	float:left;
	font-size:10px;
	color:#999;
	margin:0 -20px 0 20px;
}
div#logo-g img { vertical-align:middle; margin:-14px 0 0 0; }


div#footer { margin:0 auto; text-align:center; clear:both;}
div#footer ul { list-style-type:none; margin:18px 0 0 0; padding:0; }
div#footer ul li { display:inline; font-size:10px; color:#999999;}
div#footer ul li a { color:#999999; }
div#footer span { font-size:10px; color:#CCCCCC;}
div#footer span a { font-size:10px; color:#CCCCCC;}
div#footer span a:hover { color:#666666;}

a.en_savoir_plus { background:url('../img/plus.png') 0px 0px no-repeat; height:10px; width:40px; display:inline-block; _display:block; }
a.en_savoir_plus:hover { background-position:0px -10px; }

/*
 * titres */
.titre_index, .titre_concept, .titre_familles, .titre_seniors, .titre_performance, .titre_societe, .titre_videos, .titre_contact, .titre_legal {
	background:url('../img/titres.png') 0px 0px no-repeat; width:660px; height:29px; padding:0; text-indent:-9999px;
}
.titre_index 		{ background-position:0px 0px; }
.titre_concept 		{ background-position:0px -40px; }
.titre_familles 	{ background-position:0px -80px; }
.titre_seniors 		{ background-position:0px -120px; }
.titre_performance 	{ background-position:0px -160px; }
.titre_societe 		{ background-position:0px -200px; }
.titre_videos 		{ background-position:0px -240px; }
.titre_contact 		{ background-position:0px -280px; }
.titre_legal 		{ background-position:0px -320px; }

/*
 * style d'images */
.pic_right 	{ float:right; margin:8px 0px 8px 8px; }
.pic_left 	{ float:left; margin:8px 8px 8px 0px; }

.pic_bulle1 { position:relative; float:right; margin-left:-60px; margin-top:-50px; z-index:-1;}
.pic_bulle1_margin	{ position:relative; width:340px; }

.pic_bulle2 { position:relative; float:right; margin-left:0px; margin-top:-30px; z-index:1;}

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

/*
 * fieldset */

p.error { padding:15px; font-size:12px; display:block; color:#FE8B38; font-weight:bold; }
p.success { padding:15px; font-size:12px; display:block; color:#060; font-weight:bold; }

fieldset .required { font-size:1.2em; color:#CC0000; }
fieldset { margin:0 auto 10px auto; border:1px #FFFFFF solid; padding:1em 0; background:transparent; display:block; }
fieldset legend { font-size:1.5em; background-color:transparent; margin:-2em 0 0 -0.3em; }
fieldset legend.img{ margin:0 0 0 -0.7em; }
fieldset p { text-align:center; margin-bottom:5px; }
fieldset ul { padding:0; margin:0; }
fieldset ul li { list-style-type:none; margin-bottom:1em; text-align:left; clear:both; border:0px #093 solid; padding:5px 0;  }
fieldset legend img { display:inline; }
fieldset label { width:215px; display:block; float:left; margin:0 0 0 0; font-weight:bold; border:0px #ff0000 solid; }
fieldset .inline { display:inline; }
fieldset input { vertical-align:middle; }
fieldset input { width:194px; display:block; vertical-align:middle; float:left; clear:right; margin:0; border:1px #cccccc solid; padding:2px 3px; }
fieldset input[type=file] { display:block; }
fieldset input[type=text]:focus, fieldset input.text:focus, fieldset textarea:focus { border-color:#999999;  }
fieldset select { display:block; }
fieldset textarea { display:block; width:450px; height:5.5em; line-height:1.3em; border:1px #cccccc solid; padding:3px; }
fieldset textarea.big { height:10em; }
fieldset textarea:focus { background-position:0px -100px;  }
fieldset button.submit { margin:0 0 0 215px; }

fieldset label.error { background:url(); padding:0; line-height:10px; width:auto; float:none; margin:10px 0 0 130px; font-weight:normal; font-size:10px; display:block; clear:both; color:#FE8B38; }
fieldset label.none { padding:0; line-height:auto; width:auto; float:none; display:inline-block; font-weight:normal;}

.bleu { color:#004487; }
.text-center  { text-align:center; }
.mel { vertical-align:middle; margin-left:5px; }

/*
 * table */
.table { }
.table ul { margin:0; padding:0; list-style:outside none none; }
.table ul li { margin:5px; padding:6px; float:left; width:29%; /*border:1px #cccccc solid;*/ }
.table ul li img { margin:0 auto; text-align:center; }
.table ul li .body { padding:5px; }
.table ul li .body h3 { color:#3F72A5; height:4em; display:block; margin-bottom:0.5em; margin-top:0; font-size:13px; }
.table ul li .body h5 { color:#666666; margin:0.2em 0; border-bottom:1px #eeeeee solid; padding-bottom:0; font-size:9px; }
.table ul li .body p { text-align:left; }

.table ul li .body:hover { background-color:#fafafa;  }
.table ul li.clear { clear:both; }