@charset "iso-8859-1";
/* CSS Document  |  WeDrive California | Blast Advanced Media*/

/*  PAGE LAYOUT FORMATTING
===============================================*/

html {height:100%; min-height: 100%; }

* {margin:0; padding:0;}

body {
	height:100%;
	min-width:950px;
	color: #787878;
	font-family: arial, verdana, helvetica, sans-serif;
	min-height: 100%;
	text-align: center;
}

/*
#background{
	width:100%;
	height:100%;
	background: url() top center repeat-x #ffffff;
	background-attachment: fixed;
}
*/

* html #page {
	height: 100%;
	min-height: 100%;
}

/*  Page ---------------------------------------------------------------------------*/
#page{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: url(images/fondcomplet.jpg) top repeat-x #ffffff;
}

body:last-child:not(:root:root) div #container{
        rules: target Safari only;
		height: 100%;
}
/*  container ---------------------------------------------------------------------------*/
#container{
	width: 950px;
	position: relative;
	min-height: 100%;
	height: auto;
	background: url() center repeat-y;
	margin: 0 auto;
	margin-top: 0px; 
}


/* div de séparation */
.separation1 {height: 1px;}
.separation2 {height: 2px;}
.separation5 {height: 5px;}
.separation10 {height: 10px;}
.separation15 {height: 15px;}
.separation20 {height: 20px;}
.separation30 {height: 30px;}
.separation40 {height: 40px;}
.separation50 {height: 50px;}
.separation100 {height: 100px;}
.separation170 {height: 170px;}

.separationVerticale10 {width:10px;}
.separationVerticale20 {width:20px;}
.separationVerticale30 {width:30px;}


/*  marging / padding / couleurs / typo / liens---------------------------------------------------------------------------*/

.margH2 {margin: 2px 0;}
.margH4 {margin: 4px 0;}
.margH10 {margin: 10px 0;}
.margH20 {margin: 20px 0;}
.margH30 {margin: 30px 0;}

.margLeft10 {margin-left: 10px;}
.margLeft20 {margin-left: 20px;}
.margLeft30 {margin-left: 30px;}
.margLeft40 {margin-left: 40px;}
.margLeft50 {margin-left: 50px;}
.margLeft55 {margin-left: 55px;}
.margLeft70 {margin-left: 70px;}
.margLeft90 {margin-left: 90px;}
.margLeft100 {margin-left: 100px;}
.margLeft150 {margin-left: 150px;}
.margLeft200 {margin-left: 200px;}
.margLeft350 {margin-left: 350px;}
.margLeft470 {margin-left: 470px;}

.margRight10 {margin-right: 10px;}
.margRight20 {margin-right: 20px;}
.margRight30 {margin-right: 30px;}
.margRight40 {margin-right: 40px;}
.margRight160 {margin-right: 160px;}
.margRight300 {margin-right: 300px;}

.margTop4 {margin-top: 4px;}
.margTop6 {margin-top: 6px;}
.margTop10 {margin-top: 10px;}
.margTop20 {margin-top: 20px;}
.margTop30 {margin-top: 30px;}
.margTop50 {margin-top: 50px;}
.margTop65 {margin-top: 65px;}
.margTop-100 {margin-top: -100px;}

.margBottom5 {margin-bottom: 5px;}
.margBottom30 {margin-bottom: 30px;}


tr.tdPadd5 td {
	padding: 5px;
}
tr.tdPadd10 td {
	padding: 10px;
}
tr.tdPadd20 td {
	padding: 20px 0;
}
.padd2 {padding: 2px;}
.padd4 {padding: 4px;}
.padd7 {padding: 7px;}
.padd8 {padding: 8px;}
.padd10 {padding: 10px;}
.padd15 {padding: 15px;}
.padd20 {padding: 20px;}
.padd30 {padding: 30px;}

.paddH2 {padding: 2px 0;}
.paddH4 {padding: 4px 0;}
.paddH10 {padding: 10px 0;}
.paddH20 {padding: 20px 0;}
.paddH30 {padding: 30px 0;}

.paddTop5 {padding-top: 5px;}
.paddTop10 {padding-top: 10px;}
.paddTop20 {padding-top: 20px;}
.paddTop30 {padding-top: 30px;}
.paddTop45 {padding-top: 45px;}

.paddBottom30 {padding-bottom: 30px;}

.paddLeft5 {padding-left: 5px;}
.paddLeft7 {padding-left: 7px;}
.paddLeft10 {padding-left: 10px;}
.paddLeft15 {padding-left: 15px;}
.paddLeft20 {padding-left: 20px;}
.paddLeft30 {padding-left: 30px;}
.paddLeft50 {padding-left: 50px;}
.paddLeft55 {padding-left: 55px;}
.paddLeft70 {padding-left: 70px;}
.paddLeft80 {padding-left: 80px;}
.paddLeft90 {padding-left: 90px;}
.paddLeft320 {padding-left: 320px;}
.paddLeft350 {padding-left: 350px;}
.paddLeft500 {padding-left: 500px;}
.paddLeft600 {padding-left: 600px;}

.paddRight0 {padding-right: 0px;}
.paddRight5 {padding-right: 5px;}
.paddRight7 {padding-right: 7px;}
.paddRight10 {padding-right: 10px;}
.paddRight20 {padding-right: 20px;}
.paddRight30 {padding-right: 30px;}


/*  liens et couleurs et général ---------------------------------------------------------------------------*/

.italic {font-style: italic;}
.normal {font-weight: normal;}
.bold {font-weight: bold;}
.black {font-family: "Arial Black", Arial, Verdana, helvetica, serif;}
.underline {text-decoration: underline;}
.toutMajuscule {text-transform: uppercase;}
.toutMinuscule {text-transform: lowercase;}
.mot1erLettreCapitale {text-transform: capitalize;}


.typo65 {font-size: 65%;}
.typo70 {font-size: 70%;}
.typo75 {font-size: 75%;}
.typo80 {font-size: 80%;}
.typo85 {font-size: 85%;}
.typo90 {font-size: 90%;}
.typo100 {font-size: 100%;}
.typo110 {font-size: 110%;}
.typo120 {font-size: 120%;}
.typo130 {font-size: 130%;}
.typo140 {font-size: 140%;}
.typo150 {font-size: 150%;}
.typo200 {font-size: 200%;}
.typo300 {font-size: 300%;}


.blanc {color:#ffffff;}
.grisfonce {color:#3b3b3b;}
.grisfonceminus {color:#3b3b3b; font-size:75%;} 
.grismoyen {color:#6d6d6c;}
.grismoyenminus {color:#6d6d6c; font-size:75%;}
.liengrissouligne a { color: #999999; text-decoration: underline;}
.liengrissouligne a:hover { color: #008dd8; text-decoration: underline;} 
.rouge {color: #fe0202;}
.vert {color: #63A901;}

span.couleurcarre-vip  {color:#fd0202;}
span.couleuropera  {color:#7c03bb;}
span.couleurrdc  {color:#98a6cd;}
span.couleurmojito  {color:#93d420;}
 
 
.borderGrisClair2px { border: 2px solid #656565;}
 
/* couleur fond par odre alphabétique */
.fondBlanc {background: #ffffff;}
.fondCreme {background: #ece4d9;}
.fondGrisBlanc  {background: #e8e9e9;}
.fondGrisFonce {background: #050505;}
.fondGrisMoyen {background: #D0CFCF;}
.fondNoir {background: #000000;}
.fondOrange {color:#ffffff; background: #ff7124;}

 
p.liens a {
  color: #9e03ef;
}
p.liens a:hover {
  color: #ffffff;
}
p.liensblancs a {
  color: #ffffff;
}
p.liensblancs a:hover {
  color: #cccccc;
}

.curseurMain {cursor: pointer;}

.aBgNone a:hover {background: none;}
.aUnderline a {text-decoration: underline;}
.aUnderlineHover  a:hover {text-decoration: underline;}
.aNoLineHover a:hover {text-decoration: none;}
.aBoldHover a:hover {font-weight: bold;}

.aBlanc a{color: #ffffff;}
.aBleu a {color:#495eA1;}
.aBleuClair a {color:#98b2ff;}
.aGrisAmbre a{color: #8d7561;}
.aGrisClair a {color: #cccccc;}
.aGrisFonce a {color: #333333;}
.aGrisMoyen a {color: #6d6d6c;}
.aJaune a {color:#fbcf02;}
.aMagenta a{color: #fc00a8;}
.aNoir a{color: #000000;}
.aOcre a{color: #785c41;}
.aOrange a{color:#FE5D00;}
.aRouge a {color: #fe0202;} 
.aRose a {color: #dba4a4;}
.aSaumon a {color:#e36455;}
.aTurquoise a {color: #00a6b5;}
.aVertClair a {color:#acd9a3;}
.aVertFluo a{color: #01a634;}
.ableuFonce a{color:#136387;}

.aBlancHover a:hover {color: #ffffff;}
.aGrisAmbreHover a:hover {color: #8d7561;}
.aJauneHover a:hover {color: #fbcf02;}
.aMarronBlackHover a:hover {color: #442e1b;}
.aNoirHover a:hover {color: #000000;}
.aOcreHover a:hover{color: #785c41;}
.aOrangeHover a:hover{color:#FE5D00;}
.aMagentaHover a:hover{color:#fc00a8;}


.couleurcarre-vip span.titreparagraphe {
	color:#fd0202;
	font-size: 105%;
}
.couleuropera span.titreparagraphe {
	color:#7c03bb;
	font-size: 105%;
}
.couleurrdc span.titreparagraphe {
	color:#98a6cd;
	font-size: 105%;
}
.couleurmojito span.titreparagraphe {
	color:#93d420;
	font-size: 105%;
}

.titreparagraphefooter {
	color:#000000;
	font-size: 105%;
	font-weight: bold;
}

.soustitreparagraphe {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 80%; 
	line-height: normal;
	font-weight: 800;
	letter-spacing: .5px;
	color: #464646;
} 
.soustitreparagraphefooter {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 85%; 
	line-height: normal;
	letter-spacing: .5px;
	color: #a2a2a2;
} 

h1 {
	font-weight: normal;
	font-family: arial, verdana, helvetica, sans-serif;
	margin-bottom: 10px;
}

h1 span{
	font-style:italic;
	font-family: arial, verdana, helvetica, sans-serif;
}


h2 {
	font-weight: normal;
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 24px; 
}

h2 span{
	font-style:italic;
	color: #000000;
	font-size: 20px;
	padding-bottom: 10px;
}

h3 {
	font-weight: normal;
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 19px;
	margin: 10px 0px 10px 0px;
}

 
p{margin-top: ; font-size: 90%;}
img {border: 0; } 
span#iconenoborder img{border: ;}

/*  Header ---------------------------------------------------------------------------*/

#header {
	height: 182px;
	background: #000000;
	width: 950px;
	margin: 0px 0px 0px 0px;
} 
#flash-diapo {
  float:left;
  height: 337px;
  width: 566px;
}
#flash-video {
  float:left;
  height: 337px;
  width: 378px;
}  

.couleuropera #segment2a { background-color:#7c03bb; } 
.couleuropera #segment2b { background-color:#7c03bb; }
.couleuropera #segment2c { background-color:#7c03bb; } 
.couleurcarre-vip #segment2a { background-color:#fd0202; } 
.couleurcarre-vip #segment2b { background-color:#fd0202; }
.couleurcarre-vip #segment2c { background-color:#fd0202; }  
.couleurrdc #segment2a { background-color:#c5c8da; } 
.couleurrdc #segment2b { background-color:#c5c8da; }
.couleurrdc #segment2c { background-color:#c5c8da; }
.couleurmojito #segment2a { background-color:#93d420; } 
.couleurmojito #segment2b { background-color:#93d420; }
.couleurmojito #segment2c { background-color:#93d420; }


#segment2a { 
height: 11px;
width: 950px;
display: block;
} 
#segment2b { 
height: 100%;
width: 3px;
}
#segment2c { 
height: 20px;
width: 950px;
display: block;
} 

/*  Menu ---------------------------------------------------------------------------*/
#nav	{
	height: 39px;
	width: 950px;
	margin: 0;
	background: #000000 url(images/nav.png) no-repeat 0 0;
	clear: both;
	overflow: hidden;
	text-align: center;
}


#nav ul	{
	height: 38px;
	list-style: none;
	margin: 1px 0 0 9px;
	width: 940px;
}

#nav li	{  
	float:left;	 
	display: block;
	height:38px;
	padding:0px;
	margin: 0 1px 0 0;
	text-align: center;
}

#nav a {   
font-size: 70%;
font-weight: bold;
display: block; 
color:#cdcccc; 
text-indent: 0px;
border: none;
height: 38px;
line-height: 38px;
padding: 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
#navhome a {width:65px; }
#navgaleries a {width:150px;}
#navcommunaute a {width:162px;}
#navdjmix a {width:151px;}
#navrecrutement a {width:122px;}
#navcontact a {width:183px;}
#navplan a {width:93px;}

.couleuropera #nav a:hover {
	background: #111111;
	border: none;
	color: #7c03bb;
}
/* attention, pas de virgules apres le dernier */
#homeopera #navhome a, #galeriesopera #navgaleries a, #recrutementopera #navrecrutement a, #contactopera #navcontact a, #planopera #navplan a,#communauteopera #navcommunaute a, #djmixopera #navdjmix a
{background: #7c03bb repeat-x; border: none; color: #000000; cursor: default; font-weight: bold;}


.couleurcarre-vip #nav a:hover {
	background: #111111;
	border: none;
	color: #fd0202;
} 
#homecarre-vip #navhome a, #galeriescarre-vip #navgaleries a, #recrutementcarre-vip #navrecrutement a, #contactcarre-vip #navcontact a, #plancarre-vip #navplan a, #communautecarre-vip #navcommunaute a, #djmixcarre-vip #navdjmix a
{background: #fd0202 repeat-x; border: none; color: #000000; cursor: default; font-weight: bold;}


.couleurrdc #nav a:hover {
	background: #111111;
	border: none;
	color: #c5c8da;
}  
#homerdc #navhome a, #galeriesrdc #navgaleries a, #recrutementrdc #navrecrutement a, #contactrdc #navcontact a, #planrdc #navplan a, #communauterdc #navcommunaute a, #djmixrdc #navdjmix a
{background: #c5c8da repeat-x; border: none; color: #000000; cursor: default; font-weight: bold;}

.couleurmojito #nav a:hover {
	background: #111111;
	border: none;
	color: #93d420;
}  
#homemojito #navhome a, #galeriesmojito #navgaleries a, #recrutementmojito #navrecrutement a, #contactmojito #navcontact a, #planmojito #navplan a, #communautemojito #navcommunaute a, #djmixmojito #navdjmix a
{background: #93d420 repeat-x; border: none; color: #000000; cursor: default; font-weight: bold;}




/*  Content Page ---------------------------------------------------------------------------*/

#content{
	min-height: 100%;
	height: auto;
	background: url() top repeat-x;
	margin: 0;
	padding:0; 
	clear: both;
	
}
#content br{
	clear: left; /* attention à br clear left car quand on a un float sur un div, si il se trouve un br entre 2 div, les div se retrouve à la ligne automatiquement*/
}
 

#fondpagedefault {
	background: #000000 url(images/fondpagedefault.jpg) no-repeat top;
	width: 944px;	
	height: 100%;
	min-height: 600px;
}

/*  main left	- home
===============================================*/
#mainLeft {
	min-height: 100%;
	height: auto;
	float:left;
	width: 456px;
	padding: 0px; 
	text-align: left; 
	
}
#mainLeftPad{
	margin-top: 0;
	padding: 20px 25px 40px 30px;
}
 
#evenementshome {
  margin-top : 10px;
}
#evenementshome table{
  width: 400px;
  height: 28px;
  border: 1px solid #282828;
  background: #111111;
  color: #cccccc; 
  margin-top: 1px;
  font-size: 80%;
}

/*  main right	- home
===============================================*/

#mainRight {
	height: ; /* attention à la hauteur de la colonne */
	float:left;
	width: 488px;
	background: url() top repeat-y;
	text-align: left;
}
#mainRightPad{
	margin-top: 0;
	padding: 20px 0px 40px 10px;
}
#galerieshome {
  margin-top : 10px;
  
} 
#galerieshome a{
  color : #b5b4b4;
} 
#galerieshome a:hover{
  color : #ffffff;
}  
/*
#galerieshome table {
  width: 450px;
  height: 223px;
  border: 0px solid #282828;
  color: #cccccc; 
  font-size: 80%;
}
*/
a.imgborderover img{
  border: 1px solid #707070;
}
a:hover.imgborderover img{
  border: 1px solid #ffffff;
} 
/*
td.galerieshomefond {
  text-align : center;
  background: url(images/icone-fondgalerie.gif) no-repeat;
} 	 
td:hover.galerieshomefond {
  text-align : center;
  background: url(images/icone-fondgalerie-over.gif) no-repeat;
} 
*/
a#btn-galeriehome { 
  float: left;
  width: 199px;
  height: 49px;
  display: block;
  background: url(images/btn-galeriehome.gif) no-repeat;
}
a#btn-galeriehome:hover {
  display: block;
  background: url(images/btn-galeriehome-over.gif) no-repeat;
}

/*  main left 2	 recrutement - contact - plan - infos legales
===============================================*/
#mainLeft2 {
	min-height: 100%;
	height: auto;
	float:left;
	width: 600px;
	padding: 0px; 
	text-align: left; 
	
}
#mainLeft2Pad{
	margin-top: 0;
	padding: 20px 0px 40px 30px;
}
#mainLeft2PlanPad {
	margin-top: 0;
	padding: 20px 0px 40px 20px;
}
/*  main right 2  recrutement - contact - plan	- infos legales
===============================================*/

#mainRight2 {
	min-height: 100%;
	height: auto;
	float:left;
	width: 300px;
	background: url() top repeat-y;
	text-align: left;
} 
#mainRight2Pad{
	margin-top: 0;
	padding: 20px 0px 40px 10px;
}
#mainRight2PlanPad{
	margin-top: 0;
	padding: 20px 0px 40px 20px;
}


/*  main galeries photos
===============================================*/

#mainContent {
	min-height: 100%; 
	/* background: #000000 url(../images/fondpagedefault.jpg) no-repeat top; */
	height: auto;
	width: 944px;
	padding: 0px; 
	text-align: left; 
}
#mainContentPad{
	margin-top: 0;
	padding: 50px 20px 40px 25px;
}

.alignright {
  width: 300px;
  float: right;
  text-align: right; 
}

a#btn-retourCetteGalerie { 
   width: 206px;
  height: 38px;
  display: block;
  background: url(galeries/images/btn_retourcettegalerie.gif) no-repeat;
}
a#btn-retourCetteGalerie:hover {
  display: block;
  background: url(galeries/images/btn_retourcettegalerie-over.gif) no-repeat;
}
a#btn-retourAuxGaleries { 
  width: 206px;
  height: 38px;
  display: block;
  background: url(galeries/images/btn_retourauxgaleries.gif) no-repeat;
}
a#btn-retourAuxGaleries:hover {
  display: block;
  background: url(galeries/images/btn_retourauxgaleries-over.gif) no-repeat;
}

.galeriePhoto {
   float:left;
   width: 220px;
   height: 270px;
   margin-right: 2px;
   margin-top: 2px;
}
.galeriePhotoFondPad {
   width: 220px; 
   height: 270px;
   text-align : center;
   background: url(images/fondgalerie.gif) no-repeat;
   padding: 10px 0px 0 0;
}
.galeriePhotoFondPad p {
   padding: 6px 20px 0 20px;
   font-size: 80%;
}
.galeriePhotoFondPad a {
   color: #ffffff;
}
.galeriePhotoFondPad a:hover {
   color: #999999;
}


/* ------ galerie apercu : vignettes -----*/
.galeriePhotoApercu {
   float:left;
   width: 220px;
   height: 235px;
   margin-right: 2px;
   margin-top: 2px;
}
.galeriePhotoFondPadApercu {
   width: 220px; 
   height: 235px;
   text-align : center;
   background: url(images/fondgalerieapercu.gif) no-repeat;
   padding: 10px 0px 0 0;
}
/* bug avec ie6 : déclarer le a et a:hover en dessous*/
.galeriePhotoFondPadApercu a {
   color: #ffffff;
}
.galeriePhotoFondPadApercu a:hover {
   color: #999999;
} 

p.galerieApercuNav {
  text-align : right;
}
p.galerieApercuNav a {
  color: #999999;
  text-decoration: underline;
}
p.galerieApercuNav a:hover {
  color:#008dd8;
  text-decoration: underline;  
}
p.galerieApercuNav .galeriepageactive a {
  color:#008dd8;
  cursor: default;
  text-decoration: none;
}
p.galerieApercuNav .galeriepageactive a:hover {
  text-decoration: none;
}

/* --- galerie : photo grande -----*/
a#btn-inscription {
 width: 147px;
 height: 30px;
 display: block;
 background: url(images/btn-inscription.gif) no-repeat;
}

a#btn-photoprecedente { 
  width: 206px;
  height: 38px;
  display: block;
  background: url(galeries/images/btn_photoprecedente.gif) no-repeat;
}
a#btn-photoprecedente:hover {
  display: block;
  background: url(galeries/images/btn_photoprecedente-over.gif) no-repeat;
}
a#btn-photosuivante { 
   width: 206px;
  height: 38px;
  display: block;
  background: url(galeries/images/btn_photosuivante.gif) no-repeat;
}
a#btn-photosuivante:hover {
  display: block;
  background: url(galeries/images/btn_photosuivante-over.gif) no-repeat;
}
a#btn-ajouterauxfavoris { 
   width: 206px;
  height: 38px;
  display: block;
  background: url(galeries/images/btn_ajouterauxfavoris.gif) no-repeat;
}
a#btn-ajouterauxfavoris:hover {
  display: block;
  background: url(galeries/images/btn_ajouterauxfavoris-over.gif) no-repeat;
}
#mainPhotoGrandePad {
	margin-top: 0;
	padding: 50px 20px 10px 20px;
}
#mainLeftPhotoGrande {
	min-height: 100%;
	height: auto;
	float:left;
	width: 620px;
	padding: 0px; 
	text-align: center; 
} 
#mainLeftPhotoGrande img{
   border: 2px solid #656565;
} 
span#imgnoborder img{  /* exception pour les icones : pas de borders image*/
   border: 0;
}
#mainRightPhotoGrande {
	min-height: 100%;
	height: auto;
	float:left;
	width: 280px;
	background: url() top repeat-y;
	text-align: left;
}
#mainRightPhotoGrandePad {
   padding: 0px 0px 0px 0px;
}
.galeriePhotoGrandeSuivante {
   width: 240px; 
   height: 100%;
   text-align : left;
   background: #000000;
   padding: 10px 0px 10px 10px;
   font-size : 80%;
}


#apercusSousPhotoGrande	{
    /*min-height: 100%; 
	height: auto; */
	text-align: left; 
    clear: both; 
    font-size: 80%;
}
#apercusSousPhotoGrandePad {
	margin-top: 0;
	padding: 0;
}


/* _________________formulaire de contact ____________________________  */

#formulaire {
width: 534px;
margin: 0;
padding: 10px 0px 20px 20px;/* pas de padding dt gauche sinon décalage firefox */
text-align: left; 
color: #b0b0b0;
border: 2px solid #656565;
background: #050505;
}
#formulaire textarea {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 90%;	
background-color: #666666;
border: 1px solid #d2d2d2; 
color: #ffffff;
} 
#formulaire textarea:hover {
background-color: #000000;
}
#formulaire input {
 background-color: #666666;
 border-width: 1px 1px 1px 1px;
 border-style: solid solid solid solid;
 border-color:#d2d2d2; 
 padding-bottom : 5px;
 margin: 5px 0 0 0;
 color: #ffffff;
} 
#formulaire input:hover {
 background-color: #000000;
}
#inputlessborder input{
 border: 0;
 width: 206px;
 height: 38px;
 padding : 0;
}

#formulaire p {
 padding: 5px 0 0 5px;
}
/* Text inputs / Select label */
label.preField {
    display: inline-block;
    font-size: 80%;
    margin: 5px 0 0;
    min-width: 150px;
    text-align: left;
    white-space: nowrap;
    width: 150px;
}
label.preFieldS {
    display: inline-block;
    font-size: 80%;
    margin: 5px 0 0;
    min-width: 170px;
    text-align: left;
    white-space: nowrap;
    width: 170px;
}
label.preFieldMicro {
    display: inline-block;
    font-size: 80%;
    margin: 5px 0 0;
    min-width: 90px;
    white-space: nowrap;
    width: 90px;
}


#formulaire #separation {
border-bottom: 1px dotted #787878;
width: 475px;
}
/* pour le probleme de longueur de champs, pour firefox/ie6, définir un nombre en pixels, pas de cols */
#message {
width: 296px;
}
.prerequis {
color: #999;
font-size: 75%;
}
.requis {
color: #4d89fb;
font-weight: bold;
} 

/*questionnaire */
label.preQuestionnaire {
    font-family: arial, verdana, helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	display: -moz-inline-box;
	display: inline-block;	
	min-width:100px; 
	width: 180px;
	text-align: left;
	white-space: nowrap;
    margin: 5px 0 0 0;
}
label.preQuestionnaire02 {
    font-family: arial, verdana, helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	display: -moz-inline-box;
	display: inline-block;	
	min-width:100px; 
	width: 250px;
	text-align: left;
	white-space: nowrap;
    margin: 5px 0 0 0;
}
#inputValiderQuest input{
 border: 0;
 width: 147px;
 height: 30px;
 padding : 0;
}

/*  Footer ---------------------------------------------------------------------------*/
#footer{
    position: relative;	
	width: 950px;
	height: 245px;
	clear: both;
	bottom: 0;
	font-size: 80%;
	color: #000000;
	background: #ffffff;
	margin: 0;
	text-align: left;
}
#footer a{
	color:#b5d1ee;
	border-bottom: 1px dotted;
	text-decoration: none;
}
#footer a:hover{
	color:#294776;
	border-bottom: 1px solid;
	text-decoration: none;
}
a#noborder {
	border-bottom: 0px dotted;
}
a:hover#noborder {
	border-bottom: 0px solid;
}

#footer ul {  
    list-style: none;
	margin-top: 10px;
}
#footer li {
	color: #000000;
	display: ;
	padding: 0px 0px 0px 0px;
}

#footer li a{
	color: #000000;
	text-decoration: none;
}

#footer li a:hover{
	color: #000000;
	text-decoration: none;
} 

/* différents padding pour les blocs*/
#footerPad01{
	margin-top: 0;
	padding: 15px 10px 10px 0px;
} 
#footerPad02{
	margin-top: 0;
	padding: 15px 10px 10px 20px;
}

/* tous les blocs et leurs btn */
#footerinscription {
	min-height: 100%;
	height: auto;
	float:left;
	width: 228px;
	height: 245px;
	border-right: 1px solid #c9c3c3;
} 
a#btn-go { 
  width: 103px;
  height: 42px;
  display: block;
  background: url(images/btn-go.jpg) no-repeat;
  border-bottom: 0px dotted;
}
a#btn-go:hover {
  display: block;
  background: url(images/btn-go-over.jpg) no-repeat;
  border-bottom: 0px dotted;
}

#footerinfos {
	min-height: 100%;
	height: auto;
	float:left;
	width: 152px;
	height: 245px;
	border-right: 1px solid #c9c3c3;
}

#footerwebfly {	  /* meme bloc pour le parking */
	min-height: 100%;
	height: auto;
	float:left;
	width: 180px;
	height: 245px;
	border-right: 1px solid #c9c3c3;
}
#footerplandusite {	  
	min-height: 100%;
	height: auto;
	float:left;
	width: 200px;
	height: 245px;
	border-right: 1px solid #c9c3c3;
}

a#btn-webfly { 
  width: 142px;
  height: 41px;
  display: block;
  background: url(images/btn-imprimer.jpg) no-repeat;
  border-bottom: 0px dotted;
}
a#btn-webfly:hover {
  display: block;
  background: url(../images/btn-imprimer-over.jpg) no-repeat; 
  border-bottom: 0px dotted;
}
a#btn-parking { 
  width: 142px;
  height: 41px;
  display: block;
  background: url(images/btn-voirleplan.jpg) no-repeat;
  border-bottom: 0px dotted;
}
a#btn-parking:hover {
  display: block;
  background: url(images/btn-voirleplan-over.jpg) no-repeat;	
  border-bottom: 0px dotted;
}	



/*  Bas de page - Copyright et fond ---------------------------------------------------------------------------*/
#baspage { 
   width: 100%;
   height: 88px;
   background: url(images/baspage.jpg) repeat-x;
   font-size: 70%;
   text-align: center;
}
#infoslegales {
  padding: 60px 0 0 0;
}
#infoslegales a {
  color: #666666;
}
#infoslegales a:hover{
  color: #000000;
}

.contactForm input, .contactForm textarea	{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
}

.submitBtn input	{
	background-color: #aed559;
	padding: 3px;
	border:2px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
}

.submitBtn input:hover	{
	background-color: #84ad3e;
	cursor: pointer;
}
.viewMoreBtn	{
	text-align:right;
	padding: 10px 20px 10px 0px;
}

.opposeLaw	{
	width: 400px;
	margin: 20px 0px 0px 20px;
	background-color: #e1eff4;
	padding: 15px;
	border:2px dotted #bfe2f7;
}
.eventsRow	{
	border-bottom: 1px dashed #fff;
}