/* ________________________________________________ => CORPS DE PAGE */
html {font-size: 10px;}

body {margin:0; padding:0; background:url('../gfx/bg_portail_body.png') repeat-x 0 0 #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;	text-align:center; font-size:1em; color:#4c5d6a}
#portailHeader, #portailContent, #portailPresentation, #portailFooter {width:963px; margin:auto; text-align:left;}

img, a img {border:none;}
p {margin:0; padding:0; color:#4c5d6a;}
a {margin:0; padding:0; color:#4c5d6a; text-decoration:underline;}
a:hover {color:#4c5d6a; text-decoration:none;}
a.bt1 {display:block; height:19px; width:auto; margin:0; padding:0; text-decoration:none; text-transform:uppercase;}
a.bt1 span{display:block; float:left; height:19px; line-height:19px; padding-right:15px; background:url('../gfx/bg_portail_bt1.png') scroll right top no-repeat; text-align:center;}
a.bt1 span span{padding:0 0 0 30px; background:url('../gfx/bg_portail_bt1.png') scroll left top no-repeat;}
ul {margin:0; padding:0; list-style:inside disc;}

.clearboth {float:none; clear:both; height:0; width:0; margin:0; padding:0; line-height:0;}

/* ________________________________________________  => POLICES */

h1 {margin:0; padding:0; }
h2 {margin:0; padding:0; font-weight:bold; margin-top:10px; font-size:110%; color:#1b171b;}
			
/* ________________________________________________  => HEADER  */

#portailHeader {height:129px;}
#portailHeader #logo {float:left; width:176px; height:92px;}
#portailHeader #login {float:right; padding:30px 15px 0 20px; width:125px; height:69px; background:url('../gfx/bg_portail_login.png') no-repeat 0 23px;}
#portailHeader #portailHeaderBottom {clear:both; float:right; width:160px; height:30px;}

/* ________________________________________________  => FORMULAIRE  */

#login label.access {position:absolute; left:-9999em;}
#login input {float:left; margin:0 0 2px; padding:2px 3px 3px; width:91px; height:15px; background:#ffffff; border:1px solid #dfe4e8; color:#8e969d; font-size:0.95em;}
#login input.submit {margin:0 0 0 2px; padding:2px 0 3px; width:auto; height:auto; background:none; border:none; color:#4c5d6a; font-weight:bold;}
#login a {display:block; margin:3px 0 0; padding-left:10px; background:url('../gfx/bl_portail_fleches.gif') no-repeat 0 -46px; text-decoration:none; font-weight:bold;}
#login a:hover {text-decoration:underline;}


/* ________________________________________________  => CONTENT  */

.portailContent {background:url('../gfx/bg_portail_content.png') repeat-x 0 0 #f8f9fa}
.bloc {float:left; padding:43px 0 63px; width:300px;}
.bloc a {text-decoration:none;}
.bloc a:hover {text-decoration:underline;}
.bloc div.img {margin:0; padding:0; height:30px;}
.description {padding:7px 10px; border:1px solid #dbe4e9; text-align:left;}
.services {border:1px solid #dbe4e9; border-top:0; background:#ffffff;}
.services ul {padding:8px 0 8px 18px;}
.services ul li {list-style:none outside; }
.services ul li a {padding-left:13px; background:url('../gfx/bl_portail_fleches.gif') no-repeat 0 4px; }
.services ul li ul {padding-left:0;}
.services ul li ul li {background:0; margin-left:20px;}
.services ul li ul li a {background:none; padding:0;}
.services ul li form {margin:10px 0 0 10px;}
.services ul li form input {margin-left:10px;}
.imgbottom {margin:0; padding:0; height:57px; border:1px solid #dbe4e9; border-top:0;}
.bloc1 {padding-right:31px; background:url('../gfx/bg_portail_bloc1.jpg') no-repeat 0 bottom;}
.bloc2 {padding-right:32px; background:url('../gfx/bg_portail_bloc2.jpg') no-repeat 0 bottom;}
.bloc3 {background:url('../gfx/bg_portail_bloc3.jpg') no-repeat 0 bottom;}
.bloc1 div.description {background:#ebf7fa;}
.bloc2 div.description {background:#fff7ef;}
.bloc3 div.description {background:#f1f2f3;}
.bloc1 div.services ul li {background-position:0 4px;}
.bloc2 div.services ul li {background-position:0 -46px;}
.bloc3 div.services ul li {background-position:0 -96px;}
			
/* ________________________________________________  => PRESENTATION  */

.portailPresentation {background:#edf0f2; border-top:1px solid #dae0e3;}
#portailPresentation {text-align:justify;}
#presentation {float:left; padding:50px 0px 30px 10px; width:610px;}
#presentation p{margin:0; padding:0;}
#mysmeno {float:right; padding-bottom:13px; width:343px; background:url('../gfx/bg_portail_mysmeno2.png') no-repeat 0 bottom}
#mysmenoTxt {float:right; padding:50px 10px 0 20px; width:313px; background:url('../gfx/bg_portail_mysmeno.png') no-repeat 0 0}
			
/* ________________________________________________  => FOOTER  */

.portailFooter {height:28px; background:url('../gfx/bg_portail_footer.png') repeat-x 0 0}
#portailFooter {padding:4px 0;}
#liens {float:left; padding-top:3px; width:719px; font-weight:bold;}
#liens ul li {float:left; list-style:none outside; color:#ffffff;}
#liens ul li.sep {padding:0 15px;}
#liens a {text-decoration:none; color:#ffffff;}
#liens a:hover {text-decoration:underline;}
#espacepro {float:right; width:244px;}