@charset "UTF-8";
/* CSS Document */

body{
	background-image:url(images/background.jpg);
	margin: 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center -70px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:lighter;
	line-height:15px;
	background-color: #293036;
}

.bgimage { position: absolute: }

#wrapper_login{
	width:352px;
	background-repeat: no-repeat;
	background-image: url(images/header.png);
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 150px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-position: bottom;
}
.login-area{
	width:233px;
	float:left;
}
.submit-area{
	width:58px;
	float:left;
}



input{
	border:none;
	background:none;
}
.login-area input{
	width:219px;
	height: 15px;
	padding:4px 7px;
	color:#333;
	vertical-align: top;
	background-image: url(images/login_bg.png);
	background-repeat: no-repeat;
}
.submit-area input{
	width:58px;
	height: 23px;
	text-indent: -9999px;
	background-image: url(images/login-btn.png);
	background-repeat: no-repeat;
}
a {
	color:#FFF;
	font-family:normal Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}
a:hover{
	color:#CCC;
}

a:focus
{
outline:0;
} 


.container {
	height: 24px;
	width: 450px;
	margin-left: 10px;
	font-family:normal Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	position: absolute;
	z-index: 500;
}
img {border: none;}
ul#topnav {
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	clear: both;
	float: left;
	width: 520px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	margin-top: 1px;
	height: 24px;
}
ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:20px;
}
ul#topnav a, ul#topnav span {
	padding: 0px 0px; 
	margin-right:20px;
	float: left; 
	text-decoration: none; 
	color: #fff;
	clear: both;
	height: 24px;
	line-height: 20px;
	font-family:normal Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	 
}
ul#topnav a {	color: #daf014;  }
ul#topnav span {
	display: none;
}

ul#topnav.v2 span{

}
ul#topnav.v2 a{
	color: #555;

}






#page_wrapper {
	width: 100%;
	background-repeat: repeat;
}
#page_wrapper_agence {
	width: 100%;
	height: 800px;	
	
}
#header {
	height: 90px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	background-image: url(images/logo.png)!important;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 144px;
	margin-top: 50px;
	margin-left: 142px;
	float: left;
}
#header2 {
	height: 90px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
#baseline {
	background-image: url(images/baseline.png)!important;
	background-image: url(images/baseline.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 896px;
}
#baseline_rose {
	background-image: url(images/baseline_rose.png)!important;
	background-image: url(images/baseline.gif);
	background-repeat: no-repeat;
	
	height: 90px;
	width: 896px;
	
}
#bandeau {
	height: 129px;
	width: 100%;
}
#bandeau_rose {
	background-color: #ca008d;
	height: 129px;
	width: 100%;

}
#contenu_bandeau {
	height: 129px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#baseline2 {
	background-image: url(images/baseline2.png);
	height: 100px;
	width: 391px;
	margin-left: 142px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom;
}
#fond_accueil{
	width:946px;
	height:540px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/bs_accueil.png);
	background-repeat: no-repeat;
	background-position: -1px 1px;
}
#fond_menu {
	background-repeat: repeat;
	height: 24px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#menu {
	height: 24px;
	width: 666px;
	margin-right: auto;
	margin-left: auto;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
}

#btn_retour {
	height: 12px;
	width: 70px;
	float: left;
	margin-left: 250px;
	margin-top: 5px;
	text-align: right;	
}

#contact {
	background-image: url(images/bg_contact.png) !important;
	background-image: url(images/bg_contact.jpg);
	background-repeat: repeat-x;
	height: 540px;
	width: 906px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
	background-position: 0px -21px;
}
#login {
	background-image: url(images/bg_login.png);
	background-repeat: no-repeat;
	height: 540px;
	width: 906px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
	background-position: 220px 50px;
}
.colonne_contact {
	float: left;
	width: 275px;
	margin-top: 30px;
	margin-left: 110px;
}
.bloc_contact_entete{
	width: 275px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 90px;
}
.bloc_contact_entete h2 {
	color:#daf014;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	text-shadow: #333 0px 1px 3px;
}
.bloc_contact_entete h3 {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.bloc_contact_entete a {
	line-height:20px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	text-transform:none;
}
.bloc_contact_entete a:hover {
	line-height:20px;
	color:#daf014;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	text-transform:none;
}

.bloc_contact_entete h4 {
	color:#daf014;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: #333 0px 1px 3px;
}
.bloc_contact {
	width: 275px;
	margin-bottom: 34px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.bloc_contact h1 {
	background-color:#daf014;
	color:#545454;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-bottom: 15px;
	margin-top: 0px;
	letter-spacing: 0em;
}
.bloc_contact h2 {
	color:#daf014;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	text-shadow: #333 0px 1px 3px;
}
.bloc_contact h3 {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.bloc_contact h4 {
	color:#daf014;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.bloc_contact a {
	line-height:20px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	text-transform:none;
}

.bloc_contact a:hover {
	line-height:20px;
	color:#daf014;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:lighter;
	text-transform:none;
}


#footer{
	width:850px;
	height:78px;
	margin-left:auto;
	margin-right:auto;
	margin-top: -19px;
	background-color: #bdcc00;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
}



#adresse_footer{
	width:680px;
	height:78px;
	float:left;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	background-position: right;
}


#contenu_logos{
	float:left;
	width:170px;
	height:78px;
	background-repeat: no-repeat;
	background-position: left;
}


/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         {
	width: 170px;
	height: 78px;
	position: absolute;
	z-index: 2;
	margin-left: 0px;
}
.anythingSlider .wrapper                {
	width: 170px;
	overflow: auto;
	height: 78px;
	position: absolute;
	margin-top: 0;
	margin-bottom: 0;
}

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             {
	width: 32700px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.anythingSlider ul li                   {
	display: block;
	float: left;
	padding: 0;
	height: 78px;
	width: 170px;
	margin: 0;
}
.anythingSlider .arrow                  { display: none; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; display:none; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; display:none; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; display:none; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); display:none; background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; display:none; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


/*
    anythingSlider v1.2
	*/
	
	
	
	
	
.logo_slider {
	float: left;
	height: 63px;
	width: 210px;
	margin-left: -40px;
	padding-top: 15px;
}
.logo_slider_last {
	float: left;
	height: 151px;
	width: 150px;
	
}
.bloc_slider {
	width: 950px;
	margin-left: -18px;
}
#ombre_bandeau {
	background-image: url(images/ombre_bandeau.jpg);
	background-repeat: no-repeat;
	height: 129px;
	width: 306px;
	float: left;
	margin-left: 77px;
	display: none;
}
#ombre_bandeau_rose {
	background-image: url(images/ombre_bandeau_rose.jpg);
	background-repeat: no-repeat;
	height: 129px;
	width: 306px;
	float: left;
	margin-left: 77px;
}
#rond_m {
	background-image: url(images/m.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 19px;
	margin-top: 50px;
	margin-left: 570px;
}
#rond_m_rose {
	background-image: url(images/m_rose.png);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 19px;
	margin-top: 50px;
	margin-left: 570px;
	
}


#fond_slider1 {
	padding-top:18px;
	width:100%;
	height:360px;
	background-repeat: no-repeat;
	background-position: -2px 13px;
}
#ombre_slider {
	width:100%;
	height:69px;
	background-image: url(images/ombre_slider.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
.randomSlider{
	display:none;
}
.clear {
	clear: both;
}


#slider1 {
	width: 850px; /* important to be same as image width */
	height: 378px; /* important to be same as image height */
	position:absolute;
	left:50%;
	overflow: hidden; /* important */
	margin-top:-29px;
	margin-left: -425px;
}
#slider1Content {
	width: 850px;
	height:378px;	
	list-style:none; 
	list-style-type:none;
}
#slider1Content li{
	display:none;
}
.slider1Image {
	float: left;
	display: none;
	margin-top:0px;
	width:850px;
	height: 378px;
	margin-left:-40px;
	
}
.slider1Image span {
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 694px;
	color: #fff;
	display: none;
	position:absolute;
	z-index:2;
}
.slider1Image span strong {
    font-size: 14px;
}



#slider1 {
	width: 850px; /* important to be same as image width */
	height: 378px; /* important to be same as image height */
	position:absolute;
	left:50%;
	overflow: hidden; /* important */
	margin-top:-29px;
	margin-left: -425px;
}
#slider1_2 {
	width: 850px; /* important to be same as image width */
	height: 378px; /* important to be same as image height */
	position:absolute;
	left:50%;
	overflow: hidden; /* important */
	margin-top:-29px;
	margin-left: -425px;
}
#slider1_3 {
	width: 850px; /* important to be same as image width */
	height: 378px; /* important to be same as image height */
	position:absolute;
	left:50%;
	overflow: hidden; /* important */
	margin-top:-29px;
	margin-left: -425px;
}
#slider1_4 {
	width: 850px; /* important to be same as image width */
	height: 378px; /* important to be same as image height */
	position:absolute;
	left:50%;
	overflow: hidden; /* important */
	margin-top:-29px;
	margin-left: -425px;
}
#slider1Content {
	width: 850px;
	height:378px;	
	list-style:none; 
	list-style-type:none;
}
#slider1_2Content {
	width: 850px;
	height:378px;	
	list-style:none; 
	list-style-type:none;
}
#slider1_3Content {
	width: 850px;
	height:378px;	
	list-style:none; 
	list-style-type:none;
}
#slider1_4Content {
	width: 850px;
	height:378px;	
	list-style:none; 
	list-style-type:none;
}
#slider1Content li{
	display:none;
}
#slider1_2Content li{
	display:none;
}
#slider1_3Content li{
	display:none;
}
#slider1_4Content li{
	display:none;
}
.slider1Image {
	float: left;
	display: none;
	margin-top:0px;
	width:850px;
	height: 378px;
	margin-left:-40px;
	
}
.slider1_2Image {
	float: left;
	display: none;
	margin-top:0px;
	width:850px;
	height: 378px;
	margin-left:-40px;
	
}
.slider1_3Image {
	float: left;
	display: none;
	margin-top:0px;
	width:850px;
	height: 378px;
	margin-left:-40px;
	
}
.slider1_4Image {
	float: left;
	display: none;
	margin-top:0px;
	width:850px;
	height: 378px;
	margin-left:-40px;
	
}

.slider1Image span {
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 694px;
	color: #fff;
	display: none;
	position:absolute;
	z-index:2;
}
.slider1_2Image span {
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 694px;
	color: #fff;
	display: none;
	position:absolute;
	z-index:2;
}
.slider1_3Image span {
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 694px;
	color: #fff;
	display: none;
	position:absolute;
	z-index:2;
}
.slider1_4Image span {
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 694px;
	color: #fff;
	display: none;
	position:absolute;
	z-index:2;
}
.slider1Image span strong {
    font-size: 14px;
}
.slider1_2Image span strong {
    font-size: 14px;
}
.slider1_3Image span strong {
    font-size: 14px;
}
.slider1_4Image span strong {
    font-size: 14px;
}







.left {
	top: 0;
    left: 0;
	width: 390px !important;
	height: 39px;
}
.right {
	right: 0;
	bottom: 0;
	width: 390px !important;
	height: 39px;
}
.regard {
	bottom: 0;
    left: 0;
	width: 390px !important;
	height: 39px;
	margin-left:450px;
}
.chute {
	bottom: 0;
    right: 0;
	width: 390px !important;
	height: 39px;
	margin-right:-50px;
	margin-bottom:30px;
}
.destin {
	top: 0;
	margin-top:315px;
	margin-left:50px;
    left: 0;
	width: 390px !important;
	height: 39px;
}
.agilite {
	top: 0;
    left: 0;
	margin-top:150px;
	margin-left:100px;
	width: 390px !important;
	height: 39px;
}
.desir {
	top: 0;
	margin-top:270px;
	margin-left:120px;
    left: 0;
	width: 390px !important;
	height: 39px;
}
.concert {
	bottom: 0;
    right: 0;
	margin-left:-120px;
	margin-bottom:10px;
	width: 390px !important;
	height: 39px;
}
.univers {
	bottom: 0;
    right: 0;
	margin-top:15px;
	margin-left:15px;
	width: 390px !important;
	height: 39px;
}
#fond_agence {
	height: 374px;
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/inside.png);
	background-repeat: no-repeat;
	background-position: 8px 114px;
}
#contenu_agence {
	height: 374px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#bloc_texte_agence {
	background-image: url(images/bloc_texte_agence.png);
	background-repeat: repeat-x;
	float: left;
	height: 353px;
	width: 294px;
	padding-top: 21px;
	padding-left: 19px;
}
.btn_contact_agence {
	height: 14px;
	width: 137px;
	margin-left: 130px;
	margin-top: 60px;
}
#contenu_slide_agence {
	float: left;
	height: 396px;
	width: 542px;
	margin-left: 0px;
	margin-top: 0px;
}








#slider2 {
	width: 577px; /* important to be same as image width */
	height: 386px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden;
	z-index: 500;
}

#slider2Content {
	width: 537px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
	height: 386px;
	list-style-type:none;
	background-repeat: no-repeat;
	background-image: url(images/bg_agence.png);
	background-position: 40px -10px;
}
.slider2Image {
    float: left;
    position: relative;
	display: none;
}
.slider2Image span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	width: 190px;
	color: #fff;
	display: none;
	padding-left: 10px;
	margin-top: 153px;
	margin-bottom: 26px;
	padding-right: 200px;
	
	
}

.clear {
	clear: both;
}
.slider2Image span strong {
    font-size: 14px;
}
.left2 {
	top: 30px;
    left: 230px;
	width: 110px !important;
	height: 193px;
}
.branding {
	top: -130px;;
    left: 0px;;
	width: 110px !important;
	height: 131px;
}
.web {
	top: 40px;
    left: 0px;
	width: 110px !important;
	height: 172px;
}


#etiquette_adresse {
	background-image: url(images/etiquette2.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 200px;
	position: absolute;
	z-index: 1000;
	margin-top: -20px;
	padding-left: 0px;
	background-position: 10px 10px;
}
#ombre_logos {
	background-image: url(images/ombre_logos.png);
	background-repeat: no-repeat;
	height: 78px;
	width: 18px;
	position: absolute;
	z-index: 2000;
}
#ombre_agence {
	background-image: url(images/ombre_agence.png);
	background-repeat: no-repeat;
	background-position: center -1px;
	height: 69px;
	width: 885px;
	margin-right: auto;
	margin-left: auto;
}









/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:relative;
	top:-17px;
	left:354px;
	float:left;
	margin-left:15px;
	
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	
}
.nivo-controlNav a:hover {
	border-top:#fff solid 2px;
	background-color:#000
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider_agence .nivo-controlNav {
	position:absolute;
	
}


#slider_agence .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
	
}

#slider_agence a:hover{
	background-color:#F00;
}