body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

body.fenetre_detail {
	padding:3px;
	text-align:center;
	font-size:12px;
	background:#00447b;
}

div.fenetre_titre {
	width:100%;
	height:28px;
	padding-top:5px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:#00447b;
}

div.fenetre_content_formation {
	width:100%;
	height:493px;
	background:#bdcd00;
}

div.fenetre_content_membre {
	width:100%;
	height:493px;
	background:#03acb2;
}

div.fenetre_content_delegue {
	width:100%;
	height:493px;
	background:#4dc3c8;
}

div.fenetre_content_donnees {
	font-size:11px;
	font-weight:bold;
	text-align:left;
	padding:20px 20px 0 30px;
}

div.drg_fenetre_content_donnees {
	font-size:11px;
	text-align:left;
	padding:20px 20px 0 128px;
}

img {
	border:0;
}
/* Blocs de navigation //////////////////////////////////////////////////////////*/

div#mainblock {
	width:1003px;
	height:590px;
	text-align:left;
}

div#topblock {
	width:1002px;
	height:103px;
	margin:0;
	padding:0;
}

div#header1 {
	float:left;
	width:210px;
	height:103px;
	margin:0;
	padding:0;
	background:url(../img/header1.png) #ccc;
}

div#header2 {
	float:left;
	width:792px;
	height:77px;
	margin:0;
	padding:0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:26px;
	font-size:40px;
	background:url(../img/header2.jpg);
}

div#leftblock {
	display:block;
	float:left;
	width:118px;
/*	height:487px;*/
	margin:0;
	padding:0;
	background:#0062ac;
}

div#fillmenublock {
	width:118px;
	height:46px;
	margin:0;
	padding:0;
	background:url(../img/block1.png);
}

div#fillmenublock2 {
	width:118px;
	height:438px;
	margin:0;
	padding:0;
	background:url(../img/block2.png);
}


/* Boutons de navigations /////////////////////////////////////////////////////////////////////////////////////*/

ul#menu {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:18px;
}

ul#menu li {
	margin:0;
	padding:0;
}

ul#menu li a {
	display:block;
	width:118px;
	height:49px;
	margin:0;
	padding:0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

span.decal {
	display:block;
	margin:0;
	line-height:18px;
	padding:20px 0 0 0;
}

		/* Bouton1 //////////////////////*/

ul#menu li#menu1 a {
	background:url(../img/nav_gmh.png) no-repeat 0 0;
}

ul#menu li#menu1 a:hover {
	background:url(../img/nav_gmh.png) no-repeat 0 -49px;
}

		/* Bouton2 //////////////////////*/

ul#menu li#menu2 a {
	background:url(../img/nav_metier.png) no-repeat 0 0;
}

ul#menu li#menu2 a:hover {
	background:url(../img/nav_metier.png) no-repeat 0 -49px;
}

		/* Bouton3 //////////////////////*/

ul#menu li#menu3 a {
	background:url(../img/nav_formation.png) no-repeat 0 0;
}

ul#menu li#menu3 a:hover {
	background:url(../img/nav_formation.png) no-repeat 0 -49px;
}

		/* Bouton4 //////////////////////*/

ul#menu li#menu4 a {
	background:url(../img/nav_qualification.png) no-repeat 0 0;
}

ul#menu li#menu4 a:hover {
	background:url(../img/nav_qualification.png) no-repeat 0 -49px;
}

		/* Bouton5 //////////////////////*/

ul#menu li#menu5 a {
	background:url(../img/nav_lettreinfo.png) no-repeat 0 0;
}

ul#menu li#menu5 a:hover {
	background:url(../img/nav_lettreinfo.png) no-repeat 0 -49px;
}

		/* Bouton6 //////////////////////*/

ul#menu li#menu6 a {
	background:url(../img/nav_presse.png) no-repeat 0 0;
}

ul#menu li#menu6 a:hover {
	background:url(../img/nav_presse.png) no-repeat 0 -49px;
}

		/* Bouton7 //////////////////////*/

ul#menu li#menu7 a {
	background:url(../img/nav_membres.png) no-repeat 0 0;
}

ul#menu li#menu7 a:hover {
	background:url(../img/nav_membres.png) no-repeat 0 -49px;
}

		/* Bouton8 //////////////////////*/

ul#menu li#menu8 a {
	background:url(../img/nav_liens.png) no-repeat 0 0;
}

ul#menu li#menu8 a:hover {
	background:url(../img/nav_liens.png) no-repeat 0 -49px;
}

		/* Bouton contact //////////////////////*/

ul#menu li#bcontact a {
	background:url(../img/nav_contact.png) no-repeat 0 0;
}

ul#menu li#bcontact a:hover {
	background:url(../img/nav_contact.png) no-repeat 0 -49px;
}

/* Barre de séparation /////////////////////////////////////////////////////////////////////////////////////*/

.barre {
	display:block;
	float:left;
	width:14px;
	height:487px;
	margin:0;
	padding:0;
	background:url(../img/barre.png) no-repeat;
}

/* Couleurs ///////////////////////////////////////////////////////////////////////////////////////////////*/

.blanc {
color:#fff;
font-weight:bold;
}

.noir {
color:#000;
font-weight:bold;
}

.liedevin {
color:#99284d;
font-weight:bold;
}

.pomme {
color:#bdcd00;
font-weight:bold;
}

.jaune {
color:#ffbf00;
font-weight:bold;
}

.vertdeau {
color:#019898;
font-weight:bold;
}

.marine_big {
color:#00447b;
font-size:16px;
font-weight:bold;
}

.marine_thin {
color:#00447b;
}

.marine {
color:#00447b;
font-weight:bold;
}

/* Fenêtre principale /////////////////////////////////////////////////////////////////////////////////////*/

.gauche {
	float:left;
}

.droite {
	float:right;
}

.centre {
	text-align:center;
}

				/* Page d'accueil //////////////////////////////////////////////*/

div#mainmenu {
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:#00447b;
}

				/* Contenus //////////////////////////////////////////////*/

div#navbar {
	float:left;
	width:500px;
	height:34px;
	margin-left:20px;
	padding-top:10px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#999;
	word-spacing:6px;
}

a.toplink {
	text-decoration:none;
	color:#999;
}

a.toplink:visited {
	text-decoration:none;
	color:#999;
}

div#navbar2 {
	display:block;
	float:left;
	width:500px;
	height:34px;
	margin-left:20px;
	padding-top:10px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	word-spacing:6px;
}

a.toplink2 {
	text-decoration:none;
	color:#fff;
}

a.toplink2:visited {
	text-decoration:none;
	color:#fff;
}

.style1 {
	color:#fff;
	word-spacing:2px;
}

.style2 {
	color:#000;
	word-spacing:2px;
}

a.searchbar {
	float:right;
	width:190px;
	height:44px;
	padding:0;
	margin:0 35px 0 0;
	background:url(../img/search.gif) left no-repeat;
}

.text {
	text-align:justify;
	font-size:11px;
	color:#fff;
	margin:0;
	padding:0;
}
.text2 {
	text-align:justify;
	font-size:11px;
	color:#000;
	margin:0;
	padding:0;
}

.content {
	clear:both;
	height:425px;
	margin-left:20px;
	margin-right:20px;
	padding:0;
	overflow:auto;
}

					/* Le GMH //////////////////////////////////////////////*/

div#gmh {
	display:block;
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:#00447b;
}

div#visuel {
	float:left;
	width:210px;
	height:421px;
	margin-right:20px;
	padding:0;
}

.title1 {
	text-align:left;
	font-size:20px;
	line-height:25px;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:bold;
}

.title_delegues {
	text-align:left;
	font-size:20px;
	line-height:25px;
	color:#bdcd00;
	margin:0;
	padding:0;
	font-weight:bold;
}

div#drg_cdr_cartefrance {
	position:absolute;
	top:140px;
	left:350px;
	width:417px;
	height:401px;
	margin:0;
	padding:0;
}

a#bouton_delegue {
display:block;
margin:20px 0 0 0;
}

					/* Nos métiers /////////////////////////////////////////*/

div#metier {
	display:block;
	float:left;
	width:871px;
	height:487px;
	margin:0;
	padding:0;
	background:#fff;
}

ul#liens_metiers {
	float:left;
	list-style-type:none;
	width:310px;
	margin:0 20px 0 0;
	padding:0;
}

ul#liens_metiers li {
	width:155px;
	height:120px;
	margin:0;
	padding:0;
	text-align:center;
}

ul#liens_metiers li a {
	text-decoration:none;
	color:#6190a8;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

span.decal2 {
	display:block;
	line-height:14px;
	padding:9px 0 0 0;
}

div#title_metier {
	float:left;
	width:400px;
	text-align:left;
	font-size:28px;
	line-height:30px;
	color:#00447b;
	letter-spacing:-1px;
	font-weight:bold;
	margin:0;
	padding:0;
}

div#title_metier2 {
	display:block;
	float:left;
	width:300px;
	text-align:left;
	font-size:24px;
	color:#00447b;
	line-height:23px;
	letter-spacing:-1px;
	font-weight:bold;
	margin:0;
	padding:0;
}

div#title_metier3 {
	float:left;
	width:350px;
	height:25px;
	margin-top:10px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#96846f;
}

div#text_block {
	float:left;
	margin-left:10px;
	width:402px;
}

.cell1 {
	float:left;
	width:380px;
	margin:0;
	padding:0;
}

.cell2 {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #000;
}

.text_metier {
	float:left;
	width:400px;
	margin-top:15px;
	text-align:justify;
	text-indent:10px;
	font-size:12px;
	line-height:20px;
	color:#6190a8;
}

.text_metier2 {
	float:left;
	width:350px;
	margin-top:15px;
	text-align:justify;
	text-indent:10px;
	font-size:12px;
	line-height:20px;
	color:#6190a8;
}

.text_metier3 {
	float:left;
	width:350px;
	margin-top:5px;
	text-align:justify;
	text-indent:10px;
	font-size:12px;
	line-height:16px;
	color:#6190a8;
}

ul#menu_metier {
	display:block;
	float:left;
	list-style-type:none;
	width:195px;
	height:360px;
	margin:0 40px 0 0;
	padding:0;
	border-right:1px solid #666;
}

.sous_menu_metier {
	display:block;
	padding:0;
	margin:5px 0 0 25px;
}

ul#menu_metier li {
	font-size:12px;
	letter-spacing:1px;
	margin:0 0 20px 0;
	line-height:14px;
	color:#00447b;
	font-weight:bold;
}

ul#menu_metier li a {
	text-decoration:none;
	font-size:11px;
	letter-spacing:0px;
	color:#6190a8;
	font-weight:normal;
}

ul#menu_metier li a:hover {
	color:#00447b;
	font-weight:bold;
}

.cell1 {
	float:left;
	width:380px;
	margin:0;
	padding:0;
}

.cell2 {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #000;
}

.img_metier {
	float:left;
	width:200px;
	height:290px;
}

.img21 {
	float:right;
	margin-bottom:10px;
}

.bot_block {
	width:300px;
	height:120px;
	margin-left:397px;
	padding:0;
}

.img22 {
	position:absolute;
	top:450px;
	left:292px;
	border:1px solid #ccc;
	margin:0;
}

div#pagination {
	position:absolute;
	top:550px;
	left:846px;
	width:130px;
	height:16px;
	font-size:12px;
	color:#000;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}

div#pagination a {
	text-decoration:none;
	color:#000;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}

.citation {
	float:right;
	font-size:11px;
	font-style:italic;
	text-align:center;
	color:#6190a8;
	padding:0;
	margin-top:20px;
}

					/* Nos membres /////////////////////////////////////////*/
div#nosmembres {
	display:block;
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:#03acb2;
}

div#mbr_cdr_1 {
	float:left;
	width:420px;
	margin-left:15px;
}

div#mbr_cdr_2 {
	float:right;
	color:#000;
	width:236px;
	margin-right:20px;
}

div#mbr_cdr_3 {
	float:left;
	width:210px;
	margin-top:170px;
	color:#fff;
	font-size:12px;
}

div#mbr_cdr_cartefrance {
	position:absolute;
	top:140px;
	left:270px;
	width:417px;
	height:401px;
	margin:0;
	padding:0;
}

.title_membre {
	float:left;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	letter-spacing:-1px;
	padding:5px;
	color:#00447b;
	background:#05c6d1;
}

.inputbox1 {
	font-size:11px;
	text-align:left;
	margin-top:40px;
	padding-left:15px;
	color:#000;
}

					/* Se former à nos métiers /////////////////////////////////////////*/

div#formation {
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:#bdcd00;
}

.form_cell {
	float:left;
	color:#000;
	width:540px;
	height:400px;
}

.title_form {
	text-align:left;
	font-size:18px;
	color:#00447b;
	letter-spacing:-1px;
	font-weight:bold;
}

.text_form {
	text-align:justify;
	text-indent:15px;
	margin-top:0;
	margin-left:20px;
	margin-right:20px;
	font-size:12px;
	color:#000;
}

div.title_form2 {
	width:160px;
	font-size:12px;
	font-weight:bold;
	color:#00447b;
	text-align:center;
	letter-spacing:-1px;
	margin-top:0;
	margin-left:40px;
	padding:5px;
	background:#c5e560;
}

form#frm_formation {
	font-size:11px;
	text-align:left;
	margin-top:12px;
	padding-left:35px;
	color:#000;
}

					/* Les qualifications /////////////////////////////////////////*/

div#qualif {
	display:block;
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:#fff;
}

.title_qualif {
	text-align:left;
	font-size:18px;
	color:#99284d;
	letter-spacing:-1px;
	margin:0;
	padding:0;
	font-weight:bold;
}

.title_qualif1 {
	text-align:left;
	font-size:19px;
	color:#000;
	margin:0;
	padding:0;
	letter-spacing:0;
	font-weight:bold;
}

.sub-title1 {
	text-align:left;
	font-size:16px;
	font-variant:small-caps;
	color:#000;
	margin:0;
	padding:0;
	letter-spacing:0;
	font-weight:bold;
}

.sub-title2 {
	text-align:left;
	margin-bottom:0;
	margin-left:20px;
	font-size:16px;
	font-variant:small-caps;
	color:#99284d;
	letter-spacing:0;
	font-weight:bold;
}

.text_qualif {
	text-align:justify;
	margin-top:0;
	margin-left:20px;
	margin-right:20px;
	font-size:11px;
	color:#000;
}

.subtext_qualif {
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	font-size:9px;
	color:#000;
}
					/* Lettre d'information /////////////////////////////////////////*/

div#information {
	float:left;
	width:871px;
	height:487px;
	margin:0;
	padding:0;
	background:#ffbf00;
}

.block_infos {
	float:left;
	width:160px;
	font-size:12px;
	color:#00447b;
	margin:25px 30px 0 30px;
	font-weight:bold;
	text-align:center;
}

div#content_infos {
	width:816px;
	height:410px;
	margin:auto;
	padding:0;
	text-align:center;
}

div#pagination_infos {
	position:absolute;
	width:814px;
	top:556px;
	left:150px;
}
					/* La revue de presse /////////////////////////////////////////*/

div#presse {
	display:block;
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:#03acb2;
}

.title_presse {
	text-align:left;
	font-size:16px;
	line-height:18px;
	color:#00447b;
	letter-spacing:-1px;
	margin:0;
	font-weight:bold;
}

.text1_presse {
	text-align:left;
	font-size:12px;
	font-style:italic;
	color:#00447b;
	letter-spacing:0;
	margin:0;
	padding:0;
}

a.lien_presse {
	font-size:12px;
	color:#000;
	font-weight:bold;
}

#lst_presentation li {
	margin-bottom:10px;
	margin-top:10px;
	padding-left:5px;
	list-style-image:url(../img/puce1.gif);
}

#lst_presentation1 li {
	margin-bottom:10px;
	padding:0;
	list-style-image:url(../img/puce2.gif);
	margin-left:20px;
}
					/* Accès membres /////////////////////////////////////////*/

div#acces {
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:url(../img/acces.jpg) no-repeat;
}

.title3 {
	text-align:center;
	font-size:20px;
	line-height:25px;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:bold;
}

form#frm_auth {
	width:340px;
	margin:0 0 0 180px;
}

form#frm_auth fieldset {
	border:0;
	padding:0 20px 20px 20px;
}

form#frm_auth label {
	float:left;
	text-align:right;
	font-size:13px;
	color:#ffbf00;
	font-weight:bold;
	width:130px;
	padding:0;
	margin:1px 6px 0 0;
}

form#frm_auth p {
	text-align:left;
	padding:0;
	margin:20px 0 5px 0;
}

form#frm_auth input, option {
	font-size:0.7em;
}

p#msgerreur {
	height:20px;
	margin:12px 0 0 0;
	color:#f00;
	text-align:center;
	font-weight:bold;
}

.inputborder {
	border:3px solid #6190a8;
}

div#docsmembres {
	width:550px;
	margin-left:98px;
}

div#docsmembres div {
	float:left;
	width:176px;
	height:85px;
	text-align:center;
}

div#docsmembres a {
	text-decoration:none;
	display:block;
	margin-top:10px;
	color:#fff;
	font-weight:bold;
}

div#docsmembres a:hover {
	color:#ffbf00;
}

div#dlg_auth {
	position:absolute;
	top:210px;
	left:360px;
	width:280px;
	height:90px;
	display:none;
	background:#fff;
	padding:20px;
	background-color:#6190a8;
	border:3px solid #ffbf00;
	font-weight:bold;
	color:#fff;
}

div#dlg_auth a {
	margin-left:120px;
	color:#fff;
}

div.menudocs {
	position:absolute;
	top:180px;
	left:360px;
	width:430px;
	display:none;
	background-color:#abd41e;
	color:#000;
	font-weight:bold;
	border:3px solid #000;
	padding:5px;
}

a.lnk_fermer {
	margin-left:180px;
}

					/* liens utiles /////////////////////////////////////////*/

div#liens {
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:#fff;
}

.linktext1 {
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#000;
	letter-spacing:0;
}

.linktext2 {
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#6190a8;
	letter-spacing:1px;
}

#lst_presentation2 li {
	margin-bottom:20px;
	margin-top:20px;
	padding:0;
	list-style-image:url(../img/puce3.gif);
}

					/* Contact /////////////////////////////////////////*/

div#contact {
	float:left;
	width:870px;
	height:487px;
	margin:0;
	padding:0;
	background:url(../img/fond_contact.jpg) no-repeat;
}

.title_contact {
	text-align:center;
	font-size:13px;
	line-height:16px;
	color:#fff;
	padding-top:90px;
	letter-spacing:0;
	font-weight:bold;
}
					/* Fin /////////////////////////////////////////*/

.title2 {
	text-align:left;
	font-size:20px;
	line-height:24px;
	color:#000;
	letter-spacing:0;
	font-weight:bold;
}

table#recherche_rslt {
	width:770px;
	border-collapse:collapse;
}

table#recherche_rslt td {
	height:22px;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #fff;
}

thead#formation_rslt_thead td {
	font-size:14px;
	color:#fff;
}

tbody#formation_rslt_body td {
	color:#00447b;
}

thead#membres_rslt_thead td {
	font-size:14px;
	color:#00447b;
}

tbody#membres_rslt_tbody td {
	color:#fff;
}

.mail_link {
	text-decoration:none;
	font-weight:bold;
	color:#bdcd00;
}