/****************** general *********************/
html, body { width: 100%; height: 100%; margin: 0; overflow:hidden; padding: 0;}

/****************** login ***********************/
#login-wrapper{width: 562px; height: 100px; margin: auto;}
#login-header {width: 562px; height: 148px;}
#login-form-wrapper {width: 434px; height: 283px; /*background: #ffcc00;*/ margin: 35px 64px 0px 64px;}
#login-form-wrapper p {margin: .75em 0; text-align: right;}
#login-form {padding: 20px 30px 40px 0px;}
#login-footer {width: 562px; height: 215px;}

/****************** main wrapper ****************/
#wrapper {width: 100%; height: 100%; border:0 none; padding:0}

/****************** header logo *****************/
#header {border:0 none; margin: 0; padding: 0; height:116px;}
#logo {min-width: 400px;}

/******************** user **********************/
#user {height:68px; float: right; min-width:270px;}
#usericon {float: left; margin: 13px 5px 0 0;}
#username {margin: 13px 0 0 0;}
#username p {line-height: 1.1em;}

/******************* primary ********************/
#navigation {height: 28px; border-bottom: 5px solid; margin: 0 0 15px 0;}
#primary-wrapper {}
#primary {list-style-type: none !important; margin: 0; padding: 0; overflow: hidden; min-width: 650px;}
#primary li {float: left;}
#primary li a {display: block; margin-right:1px; padding: 5px 14px;}

/******************* secondary ******************/
#secondary-wrapper {float: right;}
#secondary {list-style-type: none !important; margin: 0; padding: 0; overflow: hidden;}
#secondary li {float: left;}
#secondary li.first {float: left ;}
#secondary li a {display: block; margin-left:1px; padding: 5px 20px 4px 45px;}

/******************* sidebar ********************/
#sidebar {min-width: 50px; width: 240px;}
.menu li {margin: 5px 5px 5px 5px;}
.menu li a {display: block; border: 1px solid; height: 30px; padding: 5px;}
.menu li a span.label {display:inline-block; margin: 0 0 0 10px;}

/******************* main wrapper ***************/
#main {margin: 0 0 17px 0; padding: 0;}

/******************* breadcrumb *****************/
#breadcrumb {border-bottom: 1px solid; height: 25px; min-width:500px;}
#breadcrumb ul {margin: 0 0 0 7px; padding: 0; overflow: hidden;}
#breadcrumb li {float: left;}
#breadcrumb li a {display: block; margin-right:1px; padding: 4px 25px 4px 15px;}

/******************* content ********************/
#content {margin : 20px;}
#content p {line-height: 1.6em; margin: .75em 0;}

/******************* message ********************/
.message {padding-bottom:10px;}
.message p {padding: 10px 10px 11px 50px; margin: 0 !important;}

/******************* fonctions ******************/
#content .fonctions {text-align: right;margin: 10px 0 15px 0;}
#content .fonctions a {height: 36px; padding: 10px 2px 10px 42px; margin-left: 10px;}

/******************* footer ********************/
#footer {height:28px;margin: 0;padding: 0;}
#footer p {margin: 5px 30px 0 0;}

/******************* accueil *******************/
.col {margin-right: 10px;float: left;}
.col1 {width: 20%; min-width: 220px;}
.col2 {width: 37%;}
.col3 {width: 37%;}