@charset "iso-8859-1";
/* CSS Document */

html * {
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}
	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
}

h1 {
	float:left;
	clear:both;
	color:#15cc62;
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/vdi_plume-h1.gif) no-repeat;
	padding-left:20px;
	width:100%;
	height:auto;
	min-height:32px;
	margin-top:0px;
	margin-bottom:0px;
}

h2 {
	float:left;
	clear:both;
	color:#15cc62;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:20px;
	margin:15px 0px;
	width:90%;
	border-bottom:1px #15cc62 solid;
}

h3 {
	color:#15cc62;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.lien_important {
	color:#15cc62;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*padding-left:20px;*/
	margin-top:0px;
	margin-bottom:10px;
}

a {
	color:#15cc62;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.lost_password {
	font-size:10px;
	text-decoration:none;
	color:#0066CC;
}

a.lost_password:hover {
	text-decoration:underline;
}

#contenu .paragraphe {
	float:left;
	clear:both;
	width:100%;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-bottom:15px;
}

#contenu_IE .paragraphe {
	float:left;
	clear:both;
	width:90%;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-bottom:15px;
}

.mot_important {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#15cc62;
}

.accueil_image1{
	float:left;
	clear:left;
	width:740px;
	text-align:center;
	border-bottom:1px dotted #15cc62;
	margin-bottom:10px;
}

.accueil_image2{
	float:left;
	width:301px;
	margin-left:15px;
}

.image_inscription {
	float:left;
	width:100%;
	margin-top:50px;
	text-align:center;
}

.separation {
	float:left;
	clear:both;
	width:340px;
	margin:0px 200px;
	height:1px;
	border-bottom:1px #15cc62 solid;
}

#error {
	float:left;
	margin-top:50px;
	text-align:center;
	width:730px;
	height:400px;
}

/* Disposition générale*/
#container { 
	margin-left:auto;
	margin-right:auto;
	width:1099px;
}

#header {
	height:29px;
	width:1099px;
	position:absolute;
	float:left;
	background:url(../images/vdi_header.png) no-repeat;
}

#header_IE {
	height:29px;
	width:1099px;
	position:absolute;
	float:left;
	background:url(../images/vdi_header-IE6.png) no-repeat;
}

#haut_site {
	float:left;
	width:1099px;
	clear:both;
}

#logo {
	width:550px;
	height:214px;
	float:left;
	margin-top:10px;
	margin-left:22px;
	position:absolute;
	background:url(../images/vdi_logo.png) no-repeat;
	z-index:10;
}

#logo_IE {
	width:550px;
	height:214px;
	float:left;
	margin-top:10px;
	margin-left:22px;
	position:absolute;
	background:url(../images/vdi_logo-IE6.png) no-repeat;
	z-index:10;
}

#banniere_pub {
	float:left;
	margin-left:580px;
	margin-top:30px;
	width:468px;
	height:60px;
	position:absolute;
	border:3px #15cc62 solid;
	display: inline;
}

#banniere_pub_728x90 {
	float:left;
	clear:both;
	margin:5px 10px 10px;
	width:728px;
	height:90px;
	border:1px #15cc62 solid;
}
#banniere_pub_728x90Recru {
	float:left;
	clear:both;
	margin:5px 10px 10px;
	width:728px;
	height:auto;
	border:1px #15cc62 solid;
}

#footer {
	height:156px;
	float:left;
	margin-left:-16px;
	width:1099px;
	background:url(../images/vdi_footer.png) no-repeat;
}

#footer_IE {
	height:190px;
	float:left;
	margin-left:-16px;
	width:1099px;
	background:url(../images/vdi_footer-IE6.jpg) no-repeat;
}

#footer #marques {
	float:left;
	width:870px;
	margin-top:60px;
	margin-left:170px;
}

#footer_IE #marques {
	float:left;
	width:870px;
	margin-top:55px;
	margin-left:85px;
}

#footer #marques img {
	margin-right:20px;
}

#footer_IE #marques img {
	float:left;
	margin-right:15px;
}


#footer_legacy {
	margin-left:auto;
	margin-right:auto;
	float:left;
	width:1099px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}

#footer_words {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	margin-top:20px;
	float:left;
	padding:0px 120px;
	width:840px;
	text-align:justify;
	font-size:10px;
	color:#FFFFFF;
}

#centre {
	margin-top:29px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	float:left;
	width:1099px;
	background:url(../images/vdi_background.png) repeat-y;
}

#centre_IE {
	margin-top:29px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	float:left;
	width:1099px;
	background:url(../images/vdi_background-IE6.png) repeat-y;
}

#contenu {
	width:740px;
	float:left;
	margin-left:22px;
	min-height:597px;
	padding-top:190px;
	padding-left:10px;
	padding-right:305px;
	text-align:justify;
	background:url(../images/vdi_femme-droit.jpg) no-repeat bottom right;
}

#contenu_IE {
	width:755px;
	float:left;
	margin-left:16px;
	padding-top:200px;
	padding-right:270px;
	height:650px;
	background:url(../images/vdi_femme-droit.jpg) no-repeat bottom right fixed;
}

#haut_droit {
	float:left;
	margin-left:820px;
	margin-top:250px;
	width:250px;
	height:auto;
	position:absolute;
	text-align:right;
}
/* Fin de la disposition générale*/

/* MENU */
#bloc_login {
	width:212px;
	height:95px;
	position:absolute;
	z-index:110;
	margin-top:120px;
	margin-left:850px;
	color:#FFFFFF;
	padding-top:25px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/vdi_login-bg.gif) no-repeat;
}

#bloc_login a.lien_compte {
	float:left;
	clear:both;
	width:210px;
	text-align:center;
	height:20px;
	line-height:20px;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bloc_login .petit_lien {
	float:left;
	clear:both;
	margin-top:6px;
	padding-left:3px;
}

#bloc_login .petit_lien_other {
	float:left;
	clear:both;
	margin-top:2px;
	padding-left:1px;
}

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

#bloc_login .petit_lien_other a {
	text-decoration:none;
	font-size:9px;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#bloc_login .petit_lien a:hover, #bloc_login .petit_lien_other a:hover {
	text-decoration:underline;
}

#menu {
	margin-top:165px;
	margin-left:22px;
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:100;
}

#menu_IE_7 {
	margin-top:165px;
	margin-left:-80px;
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:100;
}

#menu_IE_6 {
	margin-top:165px;
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:100;
}

.preload2 {
	background: url(../images/button4.png);
}
.menu2 {
	padding:0 0 0 10px;
	margin:auto;
	list-style:none;
	width:1023px;
	height:40px;
	background:#fff url(../images/button1a.png) repeat-x;
	position:relative;
	font-family:arial, verdana, sans-serif;
}
.menu2 li.top {
	display:block;
	float:left;
	position:relative;
}
.menu2 li a.top_link {
	display:block;
	float:left;
	height:40px;
	line-height:33px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 5px;
	cursor:pointer;
}
.menu2 li a.top_link span {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:40px;
}
.menu2 li a.top_link span.down {
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:40px;
	background:url(../images/down.gif) no-repeat right top;
}
.menu2 li a.top_link:hover {
	color:#fff;
	background: url(../images/button4.png) no-repeat;
}
.menu2 li a.top_link:hover span {
	background:url(../images/button4.png) no-repeat right top;
}
.menu2 li a.top_link:hover span.down {
	background:url(../images/button4a.png) no-repeat right top;
}

.menu2 li:hover > a.top_link {
	color:#fff;
	background: url(../images/button4.png) no-repeat;
}
.menu2 li:hover > a.top_link span {
	background:url(../images/button4.png) no-repeat right top;
}
.menu2 li:hover > a.top_link span.down {
	background:url(../images/button4a.png) no-repeat right top;
}


.menu2 table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {
	visibility:visible;
}
.menu2 li:hover {
	position:relative;
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

.menu2 :hover ul.sub {
	left:2px;
	top:40px;
	background: #fff;
	padding:3px 0;
	border:1px solid #147a20;
	white-space:nowrap;
	width:155px;
	height:auto;
}
.menu2 :hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:152px;
}
.menu2 :hover ul.sub li a {
	display:block;
	font-size:11px;
	height:20px;
	width:149px;
	line-height:20px;
	text-indent:5px;
	color:#000;
	text-decoration:none;
	border:3px solid #fff;
	border-width:0 0 0 3px;
}
.menu2 :hover ul.sub li a.fly {
	background:#fff url(../images/arrow.gif) right no-repeat;
}
.menu2 :hover ul.sub li a:hover {
	background:#55a85d;
	color:#fff;
}
.menu2 :hover ul.sub li a.fly:hover {
	background:#55a85d url(../images/arrow_over.gif) right no-repeat ;
	color:#fff;
}
.menu2 :hover ul li:hover > a.fly {
	background:#55a85d url(../images/arrow_over.gif) right no-repeat;
	color:#fff;
} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {
	left:122px;
	top:-4px;
	background: #fff;
	padding:3px 0;
	/*border:1px solid #4ab;*/
	border:1px #6f2650 solid;
	white-space:nowrap;
	width:125px;
	z-index:200;
	height:auto;
}
/* FIN MENU */

/* Les liens*/
#footer_legacy a {
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
}

a img {
	border:none;
	text-decoration:none;
}

#footer_legacy a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:white;
}
/* Fin des liens*/

/* Les formulaires */
input, textarea, select {
	font-size:12px;
	font-weight:bold;
	color:#000;
	background-color:#cdf7df;
	border : 1px solid #15cc62;
	font-family: Arial;
	margin-bottom:3px;
	text-align:center;
}

.button_cnx {
	color:#000; 
	font-weight: bold;
	background: url(../images/bt_cnx.gif);
	display: inline;
	border: none;
	width:80px; 
	height: 17px;
	line-height: 17px;
	font-size:10px;
	text-align: center;
	margin-left:5px;
}
/* Fin des formulaires*/

/* LOCALISATION */
.form_localisation {
	margin-left:200px;
	width:600px;
	display:inline;
}

.form_localisation .info {
	font-size:10px;
	font-style:italic;
	margin-right:30px;
}

#map {
	border:1px solid #979797;
	background-color: #e5e3df;
	width: 100%;
	height:470px;
	margin: auto;
	margin-top: 2em;
	margin-bottom: 2em;
}

#map_load {
	width: 710px;
	font-weight:bold;
	margin-top:50px;
	text-align:center;
	color:#999999;
}

#liste_membres {
	width:100%;
	text-align:center;
}

.petite_fiche {
	float:left;
	width:350px;
	height:200px;
	text-align:left;
	margin-left:15px;
	background:url(../images/vdi_petite-fiche-bg.jpg) repeat-x;
}

.petite_fiche a.lien_fiche {
	float:right;
	margin-top:5px;
	text-decoration:underline;
	color:#0066CC;
	font-weight:bold;
}

.petite_fiche a.lien_fiche img {
	text-decoration:none;
	border:none;
}

#map_france {
	float:left;
	clear:left;
}
/* FIN LOCALISATION */

/* Fiche VDI */
.fiche_complete {
	float:left;
	width:500px;
	min-height:300px;
	text-align:left;
	margin-left:15px;
	background:url(../images/vdi_petite-fiche-bg.jpg) repeat-x;
}

.fiche_complete a.lien_fiche {
	float:right;
	margin-top:5px;
	text-decoration:underline;
	color:#0066CC;
	font-weight:bold;
}

.fiche_complete a.lien_fiche img {
	text-decoration:none;
	border:none;
}

input.retour_carte {
	color:#000; 
	font-weight: bold;
	background: url(../images/retour-carte.gif);
	display: inline;
	border: none;
	width:140px; 
	height: 17px;
	line-height: 17px;
	font-size:10px;
	text-align: right;
	margin-left:5px;
}

#bloc_network {
	float:left;
	width:200px;
	min-height:100px;
	border-top:1px #15cc62 solid;
	margin-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/vdi_petite-fiche-bg.jpg) repeat-x;
}

#bloc_network .titre {
	float:left;
	width:100%;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#15cc62;
	text-align:center;
}
/* Fin Fiche VDI */

ul.listing_dpt {
	float:left;
	clear:both;
}

ul.listing_dpt a {
	color:#000000;
	font-size:11px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul.listing_dpt li {
	list-style:none;
	width:350px;
	float:left;
}

#form_identification {
	float:left;
	width:100%;
	text-align:center;
}

#form_identification li, #form_inscription li, #form_contact li {
	list-style-type: none;
	clear:left;
}

#form_identification .field_petit, #form_inscription .field_petit {
	text-align:right;
	font-size:13px;
	font-weight:bold;
	margin-right:20px;
}

#form_identification .field, #form_inscription .field, #form_contact .field {
	float:left;
	margin:auto;
	width:210px;
	font-size:13px;
	font-weight:bold;
}

.info_legal {
	font-size:9px;
	color:#15cc62;
	font-style:italic;
	text-align:justify;
}

.inscription_ok {
	color:#009900;
	font-size:13px;
	font-weight:bold;
}

.faute_inscription {
	color:#FF0000;
	font-size:13px;
	font-weight:bold;
}

.msg_important {
	color:#FF0000;
	font-size:13px;
	font-weight:bold;
}

.partenaire {
	float:left;
	clear:both;
	margin-left:10px;
	width:690px;
	margin-bottom:15px;
}

.partenaire_logo {
	float:left;
	width:150px;
	margin-top:15px;
	text-align:center;
}

.partenaire_titre {
	float:left;
	width:520px;
	text-align:justify;
}

.lien {
	float:left;
	margin-left:10px;
	width:350px;
	margin-bottom:15px;
	background:url(../images/arrow.gif) no-repeat;
	padding-left:10px;
	height:10px;
	line-height:9px;
}

.lien a {
	text-decoration:none;
	color:#0066CC;
	font-weight:bold;
}

.lien a:hover {
	text-decoration:underline;
}

.espace_image {
	float:left;
	clear:left;
	width:350px;
	height:150px;
	text-align:center;
}

.espace_explication {
	float:left;
	clear:right;
	width:350px;
	height:140px;
	text-align:center;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#photo_vdi {
	float:left;
	position:absolute;
	margin-left:600px;
	margin-top:70px;
	width:100px;
	text-align:center;
}

#photo_vdi a {
	text-decoration:none;
	color:#0066CC;
	font-weight:bold;
	font-size:10px;
}

ul.annuaire_vdi {
	float:left;
	clear:both;
	width:740px;
	height:auto;
	margin:0px;
	padding:0px;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul.annuaire_vdi li {
	float:left;
	width:246px;
	height:auto;
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
}

ul.annuaire_vdi li ul.listing_dpt {
	float:left;
	width:240px;
	height:auto;
	padding:0px;
	padding-left:10px;
	margin:0px;
	list-style:circle;
}

ul.annuaire_vdi li ul.listing_dpt li {
	float:left;
	clear:left;
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}