* {
	margin:0;
	padding:0;	
}

img {
	border:0;	
}


body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/* header */


#connect {
	float: left;
	width: 550px;
	height: 30px;
	border-left: 10px solid #fff;
	border-top: 10px solid #fff;
}



#logo_link {
    margin: 0 0 0 32px;
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
    line-height: 10px;
}






#tabnav {	
	position: relative;
	top: 20px;
	height: 20px;
	margin: 0;
	display:block;
}

#tabnav li {
	margin: 0;
	padding: 0;
  	display: inline;
  	list-style-type: none;
}

#tabnav a:link, #tabnav a:visited {
	background: #00345b;
	font-size: 15px;
	line-height: 10px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	color: #fff;
}

#tabnav a:hover {
		background: #fff;
		color: #00345b;
}

.button
{
	border: 1px solid black;
	width: 100px;
	height: 26px;
	float: left;
}

/* Page */
#page {
    width: 780px;
    margin: 0 auto;  
}


/* Content */



.mission_title{
   background-color:#00345b;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-top: 1px solid #000;
   border-bottom: 2px solid #FFF;
   color:#FFFFFF;
   cursor:pointer;
   font-weight:bold;
   padding: 3px;
}

.mission_title:hover{
	background:#59ab25;
}

.index{
   background-color:#00345b;
   color:#FFFFFF;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-top:1px solid #000;
   border-bottom:2px solid #FFF;
	cursor:pointer;
   font-weight:bold;
   padding: 3px;
 }

.index:hover{
	background:#59ab25;
}

.index_{
    background-color: #eee;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px;
    text-align: justify;
}

.cv_title:hover{
	background:#59ab25;
}

.cv_title2:hover{
	background:#59ab25;
}

.cv_title3:hover{
	background:#59ab25;
}

.cv_title4:hover{
	background:#59ab25;
}

.cv_title{
   background-color:#00345b;
   color:#FFFFFF;
   border:1px solid #FFF;
	cursor:pointer;
        font-weight:bold;
    padding: 3px;
}

.cv_title2{
    background-color:#00345b;
   color:#FFFFFF;
   border:1px solid #FFF;
	cursor:pointer;
        font-weight:bold;
    padding: 3px;
}

.cv_title3{
    background-color:#00345b;
   color:#FFFFFF;
   border:1px solid #FFF;
	cursor:pointer;
        font-weight:bold;
    padding: 3px;
}

.cv_title4{
    background-color:#00345b;
   color:#FFFFFF;
   border:1px solid #FFF;
	cursor:pointer;
        font-weight:bold;
    padding: 3px;
}

.cv_description{
    background-color: #eee;
    border: 1px solid #aaa;
    padding: 3px;
    display: none;
}

.my_mission{
    margin-top:20px;
}

.mission_description{
    background-color: #eee;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px;
    text-align: justify;
    display: none;
}

.mission_footer{
    margin-top: 20px;
}

#outil {
   background: #eee;  
}

.info
{
    background-color:#00345b;
    width: 150px;
    color: #fff;
}



/* New Css */
#header {

}

#header .top{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#header .logo {
	margin:15px 0px;
	float:left;	
}

.user-panel .more {
	margin-top:6px;
}

.user-panel {
	
}

#header .panel-header{
	margin-top:28px;
	float:right;	
}

.user-panel label {
	font-size:12px;
}

.user-panel .light {
	font-size:11px;
	text-decoration:none;
	color:#969696;
	vertical-align: top;
}

.user-panel .login-input{
	width:200px;
	float:left;
	padding-right: 10px;
}

.user-panel .login-input input[type=text] {
	width:120px;
	height:16px;
}

.user-panel .login-input input[type=checkbox] {
	vertical-align:top;
}

.user-panel .password-input{
	width:210px;
	float:left;
}

.user-panel .password-input input[type=password] {
	width:120px;
	height:16px;
}

.user-panel .inscription-connexion-btn {
	width:80px;
	float:left;
}

.user-panel .inscription-connexion-btn input[type=submit]{
	background-color:transparent;
	background-image:url(../images/connexion.gif);
	background-repeat:no-repeat;
	width:79px;
	height:21px;
	border:0;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;	
}

.user-panel .inscription-connexion-btn a.inscription{
	margin-top: 3px;
	padding-top:3px;
	background-image:url(../images/inscription.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	width:79px;
	height:18px;
	display:block;
}

.user-panel .inscription-connexion-btn a:visited.inscription{
	color:white;	
}

#header #bg-menu {
	clear:both;	
	background-image:url(../images/bg-menu.gif);
	background-repeat:repeat-x;
	height:26px;
}

#header #bg-menu #menu {
	width:1024px;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
}

#header #menu ul {
	list-style:none;
}

#header #menu ul li{
	display:inline-block;
	margin:0px 17px;
	margin-top: 4px	
}

#header #menu ul li a {
	color:white;
	font-size:13px;
	text-decoration:none;	
}

#content {
	clear:both;	
}

#bg-slideshow {
	position:relative;
	height:370px;
	background-image:url(../images/bg-slideshow.gif);
}

#slideshow {
	position:relative;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#slideshow .slides_container{
	background-image:url(../images/bg-slideshow.jpg);
	height:370px;
	width:942px;
	margin-left:auto;
	margin-right:auto;
}

#slideshow .slides_container .slide-text{
	margin-left:10px;
	float:left;
	margin-top:20px;	
	width:470px;
	margin-right:35px;
	height:280px;
}

#slideshow .slides_container .slide-text h1 {
	color:white;
	font-size:30px;
	margin-bottom:20px;	
}

#slideshow .slides_container .slide-text p {
	color:white;
	font-size:14px;	
	text-align:justify;
	line-height:20px;
	margin-bottom:24px;
}

#slideshow .slides_container .slide-pict{
	float:left;
	margin-top:31px;	
	width:400px;
	height:280px;
}

#slideshow .prev {
	display:block;
	background-image:url(../images/slideshow-btn-left.png);
	background-repeat:no-repeat;
	height:38px;
	width:38px;	
	position:absolute;
	top:180px;
}

#slideshow .next {
	display:block;
	background-image:url(../images/slideshow-btn-right.png);
	background-repeat:no-repeat;
	height:38px;
	width:38px;	
	position:absolute;
	top:180px;
	left: 985px;
}

#content {
	background-color:#ebebeb;	
	min-height:400px;
}

#content .articles {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-bottom:40px;	
}

#content .articles .article {
	padding-bottom:10px;
}

#content .articles .article .document {
	clear:both;
	margin-bottom: 20px;
	padding-left:30px;
}

#content .articles .article .document img{
	float:left;
	margin-right:10px;
}

#content .articles .article .document .title{
	font-size:12px;
}

#content .articles .article .document a{
	margin-top:5px;
	font-size:12px;
	display:block;
	color:#5aab27;
	text-decoration:underline;
}

#content .articles h1{
	color:#00345b;
	font-size:26px;
	font-weight:bold;
	padding-left:37px;
	height:47px;
	padding-top: 5px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:top left;
}

#content .articles .article h2{
	color:#59ab25;
	font-size:20px;	
	font-weight:normal;
	padding-left:30px;
	background-image:url(../images/puce.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	margin-bottom:20px;
}

#content .articles h1.presentation {
	background-image:url(../images/presentation.gif);
}

#content .articles h1.prestation {
	background-image:url(../images/prestation.gif);
}

#content .articles h1.atout {
	background-image:url(../images/atout.gif);
}

#content .articles h1.mission {
	background-image:url(../images/mission.gif);
}

#content .articles h1.outil {
	background-image:url(../images/outil.gif);
}

#content .articles h1.contact {
	background-image:url(../images/contact.gif);
}

#content .articles p{
	font-size:12px;
	padding-left:30px;	
	text-align:justify;
	line-height:17px;
	margin-bottom:15px;
}

#content  .bordered-form {
	margin-left: 30px;
	padding:18px 22px;
	background-color:#e1e1e1;	
	float:left;
	border:1px solid #b4b4b4;
}

#content  .bordered-form label {
	font-size:12px;	
}

.bordered-form #dayprice,.bordered-form #days {
	width:60px;	
}

.bordered-form #type {
	width:175px;	
}

.bordered-form #res {
	width:60px;	
}

#content .items {
	padding-top:30px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;	
}

#content .items .item{
	width:274px;
	float:left;	
	margin-left:30px;
	padding-bottom:50px;
	margin-right:30px;
}

#content .items .item h2 {
	background-image:url(../images/bg-top-item.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:15px;
	color:#00345b;
	font-size:20px;	
	font-weight:bold;
	text-align:center;
}

#content .items .item .item-picto {
	margin-top:15px;	
}

#content .items .item .item-description {
	margin-top:20px;
	font-size:12px;
	text-align:justify;
	line-height:17px;
}

.clear {
	clear:both;	
}

#bg-footer {
	background-color:#00345b;
}

#footer {
	width:1024px;
	margin-left:auto;
	margin-right:auto;	
	padding-top:30px;
	padding-bottom:30px;	
}

#footer ul {
	list-style:none;
}

#footer ul li {
	line-height:14px;	
}

#footer ul li a {
	text-decoration:none;
	font-size:11px;
	color:white;		
}

#footer p {
	font-size:11px;
	color:white;
	line-height:16px;	
}

#footer .site-map {
	float:left;	
	padding:0px 28px;
	border-left:1px solid #1a496c;
	height: 148px;
}

#footer .contact {
	float:left;	
	padding:0px 28px;
	border-left:1px solid #1a496c;
	height: 148px;
}

#footer .contact .map-link {
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	color:white;
}

#footer .links {
	float:right;	
	padding:0px 28px;
	border-left:1px solid #1a496c;
	border-right:1px solid #1a496c;
	height: 148px;
}

#footer .links .link-item {
	text-align:center;	
	display:block;
	text-decoration:none;
	float:left;
	margin-right:20px;
}

#footer .links .link-item .link-img {
	padding-bottom:5px;
	display:block;
}

#footer .links .link-item .link-description {
	font-size: 11px;
	color: white;
	line-height: 16px;
}

#footer h3 {
	font-size:14px;
	text-transform:uppercase;
	color:white;
	font-weight:bold;	
	margin-bottom:20px;
}