html, body {
    height: 100%;
    text-align: center;
	margin:0px;
	padding:0px;
}

html {
    overflow-x: hidden; 
    overflow-y: scroll; 
    font-size: 100%; 
    font-family: Arial, sans-serif; 
}

body
{
	top: 0px;
	background:url(images/fond.jpg) center top;
	background-repeat: no-repeat;
	background-color: #538bc4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#pg_realisations
{
	background:url(images/fond_2.jpg) center top;
	background-repeat: no-repeat;
	background-color: #538bc4;
}

a {
    color: black; 
    font-weight: bold; 
}

.spacer {
    clear: both; 
}

.general {
	position:relative;
	background: transparent url(images/pattern.jpg) repeat scroll 0 -1px;
	width:1000px;
	min-height: 600px;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	top:0px;
}

.logo{
	position:relative;
	top:0px;
	text-align:left;
	display:inline;
	width:254px;
	height:149px;
	float:left;
	margin:0 0 0 97px;
}

#menu{
	position:relative;
	text-align:center;
	width:1000px;
	height:28px;
	margin:0 0 0 0;
	float:left;
	background:url(images/menu_fond.jpg);
	top:87px;
	z-index:11;
}

#menu_top{
	text-align:center;
	width:342px;
	height:55px;
	float:right;
	position:absolute;
	top:33px;
	left:600px;
	background: center bottom;
}


ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

li
{
	margin-left:0px;
	float:left; /*pour IE*/
}

ul li a
{
	display:block;
	float:left;
	text-decoration:none;
}

#header {
	position:relative;
	background-image:url(images/banniere.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:293px;
}

.header {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:235px;
	margin:0px;
	padding:0px;
}


#header_flash {
	position:relative;
	left:0px;
	top:0px;
	width:1000px;
	height:283px;
	margin-bottom: -87px;
}

#header_int {
	position:relative;
	background-image:url(images/banniere_qui.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
}

#header_form {
	background-image:url(images/banniere_form.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
	position:relative;
}

#header_int_ref {
	background-image:url(images/banniere_references.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
	position:relative;
}

#header_int_projet {
	background-image:url(images/banniere_projet.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
	position:relative;
}

#header_int_contact {
	background-image:url(images/banniere_contact.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
	position:relative;
}

#header_int_insolite {
	background-image:url(images/banniere_insolite.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
	position:relative;
}

#header_int_loisirs {
	background-image:url(images/banniere_loisirs.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
	position:relative;
}

#header_int_seminaires {
	background-image:url(images/banniere_seminaires.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
	position:relative;
}

#header_int_receptif {
	background-image:url(images/banniere_receptif.jpg);
	left:0px;
	top:87px;
	width:1000px;
	height:235px;
	position:relative;
}

.flash
{
	position:relative;
	margin: 100px 0px 0px 0px;
	width:1000px;
	height:283px;
	display:block;
}
	
.content
{
	background-repeat: no-repeat;
	text-align:justify;
	left:0px;
	top:87px;
	min-height: 290px;
	height:auto;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 0 0;
	position:relative;
}

.content_bloc
{
	background-repeat: no-repeat;
	text-align:justify;
	left:0px;
	top:0px;
	min-height: 290px;
	height:auto;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0 0 0;
	position:relative;
}

.content_form
{
	background-repeat: no-repeat;
	text-align:justify;
	left:0px;
	top:0px;
	min-height: 290px;
	height:auto;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0 0 0;
	position:relative;
	color:#3B66A8;
}

.content_bloc2
{
	background-repeat: no-repeat;
	text-align:justify;
	left:0px;
	top:0px;
	height: 305px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0 0 0;
	position:relative;
}

.content_qui
{
	background-repeat: no-repeat;
	text-align:justify;
	left:0px;
	top:0px;
	height: auto;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 0 0;
}

.content_ref
{
	background-repeat: no-repeat;
	text-align:justify;
	left:0px;
	top:0px;
	height: 293px;
	width:940px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 0 30px;
}

.content_contact
{
	background-repeat: no-repeat;
	text-align:justify;
	left:0px;
	top:0px;
	height: 310px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:-3px 0 0 0;
}

.content_bloc_voyage
{
	background-repeat: no-repeat;
	text-align:justify;
	left:0px;
	top:0px;
	height:526px !important;
	height: 514px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 0 0;
	padding:0;
}

p 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707173;
}

.titre_page
{
	width:1000px;
	height:42px;
	position:relative;
	top:0px;
	z-index:10;
}

.orange
{
	color:#E36929;
	font-weight:bold;
}

.vert
{
	color:#84B819;
	font-weight:bold;
}

.bleu
{
	color:#3B66A8;
	font-weight:bold;
}

.violet
{
	color:#7E3187;
	font-weight:bold;
}

.marron
{
	color:#845940;
	font-weight:bold;
}

.bleu_ref
{
	color:#3B66A8;
	font-size:12px;
	font-weight:bold;
	line-height: 25px;
}

.grise
{
	color:#707173;
	font-size:12px;
}

.colonne_gauche_accueil
{
	float:left;
	width:480px;
    overflow-x: hidden; 
	height: 270px;
    padding: 0; 
	margin : 10px 0px 0px 0px !important;
	margin : 15px 0px 0px 0px;
    position:relative;
	z-index:1;
}

.colonne_gauche
{
	float:left;
	width:490px;
    overflow-x: hidden; 
	height:300px;
    padding: 0; 
	margin : 5px 0px 0px 0px !important;
	margin : 15px 0px 0px 0px;
    position:relative;
	z-index:1;
}

.colonne_gauche_form
{
	float:left;
	width:430px;
    overflow-x: hidden; 
	height:300px;
    padding: 0; 
	margin : 5px 0px 0px 95px !important;
	margin : 15px 0px 0px 95px;
    position:relative;
	z-index:1;
}

.texte
{
	width:452;
	margin: 0 0 0 20px;
}

.colonne_droite
{
	width:480px;
	float:left;
    overflow-x: hidden; 
    padding: 0; 
	margin : 5px 0px 0px 10px !important;
	margin : 15px 0px 0px 10px;
    position:relative;
	height: 270px;
}

.colonne_droite_form
{
	width:410px;
	float:left;
    overflow: hidden; 
    padding: 0; 
	margin : 5px 0px 0px 20px !important;
	margin : 15px 0px 0px 20px;
    position:relative;
	height: 270px;
}

.img{
	margin:15px 0 0 15px;
	width:221px;
	height:113px;
	float:left;
	display:inline;
	}

	
.bloc
{
	width:221px;
	height:250px;
	float:left;
	margin: 30px 0 0 23px;
}

.destination{
	position:absolute;
	Z-index:10;
	width:161;
	height:25px;
	margin:7px 0 0 270px;
}

.bloc_presta
{
	width:287px;
	height:290px;
	float:left;
	margin: 10px 0 0 12px;
	position:relative;
}

.bloc_presta_2
{
	width:346px;
	height:290px;
	float:left;
	margin: 10px 0 0 12px;
}

.bloc_presta_loisirs
{
	width:371px;
	height:290px;
	float:left;
	margin: 10px 0 0 12px;
}


.bloc_presta_milieu
{
	width:406px;
	height:290px;
	float:left;
	margin: 10px 0 0 20px;
	position:relative;
}

.bloc_presta_milieu_2
{
	width:368px;
	height:290px;
	float:left;
	margin: 10px 0 0 20px;
}

.bloc_presta_milieu_insolite
{
	width:390px;
	height:290px;
	float:left;
	margin: 10px 0 0 20px;
}

.bloc_presta_droite
{
	width:247px;
	height:290px;
	float:left;
	margin: -3px 0pt 0pt 20px;
	position:relative;
}

.bloc_presta_droite_2
{
	width:224px;
	height:290px;
	float:left;
	margin: -3px 0pt 0pt 21px;
}

.bloc_presta_droite_insolite
{
	width:200px;
	height:290px;
	float:left;
	margin: -3px 0pt 0pt 21px;
}

.bloc_presta_droite_loisirs
{
	width:585px;
	height:290px;
	float:left;
	margin: 10px 0pt 0pt 21px;
}

.center
{
	width:406px;
	text-align:center;
}

.center_loisirs
{
	width:595px;
	text-align:center;
}

.center_insolite
{
	width:378px;
	text-align:center;
}

.center_seminaires
{
	width:368px;
	text-align:center;
}

/* Page Contact */

.bloc_gauche_contact
{
	width:272px;
	float:left;
	margin: -1px 0 0 35px;
}

.bloc_milieu_contact
{
	width:220px;
	float:left;
	margin: 30px 0 0 35px;
	text-align:left;
	color:#707173;
}

.description
{
	width:200px;
	height:auto;
	text-align:justify;
	margin: 0 0 0 12px;
}

.no_border
{
	border:none;
}

.footer
{
    clear: both; 
	background:url(images/footer.png) left top;
	background-repeat:no-repeat;
	top:88px;
	color:#ffffff;
	border:0;	
	text-align:left;
	width:950px;
	height:25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	position:relative;

}

.footer_1
{
	margin: 2px 0 0 7px;
	color:#ffffff;
	float:left;
	font-weight:bold;
}

.footer_2
{
	margin: 3px 0 0 20px;
	color:#23559F;
	float:left;
}

.footer_3
{
	margin: 7px 0 0 20px;
	color:#23559F;
	float:left;
	font-size:9px
}

.footer_2 a
{
	color:#23559F;
	font-weight:normal;
	text-decoration:none;
}

.footer_3 a{
	color:#23559F;
	text-decoration:none;
	font-weight:normal;
}

/* Menu */

div#menu a.pg_index        {width:91px; height:28px; margin-left: 10px; background: transparent url(images/menu/img_accueil.gif) no-repeat scroll -0px -56px; }
#pg_index div#menu a.pg_index:hover,
div#menu a.pg_index:hover  { width:91px; height:28px;margin-left: 10px; background: transparent url(images/menu/img_accueil.gif) no-repeat scroll -0px -28px; }
#pg_index div#menu a.pg_index,
div#menu a.pg_index:active  { width:91px; height:28px;margin-left: 10px; background: transparent url(images/menu/img_accueil.gif) no-repeat scroll -0px -0px; }

div#menu a.pg_qui        { width:156px; height:28px; margin-left: 7px; background: transparent url(images/menu/img_qui.gif) no-repeat scroll -0px -56px; }
#pg_qui div#menu a.pg_qui:hover,
div#menu a.pg_qui:hover  { width:156px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_qui.gif) no-repeat scroll -0px -28px; }
#pg_qui div#menu a.pg_qui,
div#menu a.pg_qui:active  { width:156px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_qui.gif) no-repeat scroll -0px 0px; }

div#menu a.pg_prestation        { width:134px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_prestation.gif) no-repeat scroll -0px -56px; }
#pg_prestation div#menu a.pg_prestation:hover,
div#menu a.pg_prestation:hover  { width:134px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_prestation.gif) no-repeat scroll -0px -28px; }
#pg_prestation div#menu a.pg_prestation,
div#menu a.pg_prestation:active  { width:134px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_prestation.gif) no-repeat scroll -0px 0px; }

div#menu a.pg_references        { width:135px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_reference.gif) no-repeat scroll -0px -56px; }
#pg_references div#menu a.pg_references:hover,
div#menu a.pg_references:hover  { width:135px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_reference.gif) no-repeat scroll -0px -28px; }
#pg_references div#menu a.pg_references,
div#menu a.pg_references:active  { width:135px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_reference.gif) no-repeat scroll -0px 0px; }

div#menu a.pg_realisations       { width:143px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_projet.gif) no-repeat scroll -0px -56px; }
#pg_realisations div#menu a.pg_realisations:hover,
div#menu a.pg_realisations:hover  { width:143px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_projet.gif) no-repeat scroll -0px -28px; }
#pg_realisations div#menu a.pg_realisations,
div#menu a.pg_realisations:active { width:143px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_projet.gif) no-repeat scroll -0px 0px; }

div#menu a.pg_projets      { width:189px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_votre_projet.gif) no-repeat scroll -0px -56px; }
#pg_projets div#menu.pg_projets:hover,
div#menu a.pg_projets:hover  { width:189px; height:28px; margin-left: 7px; background: transparent url(images/menu/img_votre_projet.gif) no-repeat scroll -0px -28px; }
#pg_projets div#menu.pg_projets,
div#menu a.pg_projets:active  { width:189px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_votre_projet.gif) no-repeat scroll -0px 0px; }

div#menu a.pg_contact       { width:92px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_contact.gif) no-repeat scroll -0px -56px; }
#pg_contact div#menu a.pg_contact:hover,
div#menu a.pg_contact:hover  { width:92px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_contact.gif) no-repeat scroll -0px -28px; }
#pg_contact div#menu a.pg_contact,
div#menu a.pg_contact:active  { width:92px; height:28px;margin-left: 7px; background: transparent url(images/menu/img_contact.gif) no-repeat scroll -0px 0px; }

.petit
{
	font-size:9px;
}

div.h2_spacer 
{
    width: 1px; 
    height: 20px; 
}

.black
{
	color: black;
}

.date
{
	vertical-align: top;
	width: 45px;
	color: white;
	font-weight: bold;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#707173;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#E36929;
	background: url(images/soulignement.gif) left bottom;
	background-repeat: no-repeat;
}

/* Page Projets réalisés */
.bloc_voyage
{
	width:452px;
	height:115px !important;
	height : 115px ;
	margin: 0px 0 0 35px !important;
	margin: 0px 0 0 35px;
	float:left;
}

.img_voyage
{
	width:184px;
	height:102px;
	float:left;
}

.bouton_voyage
{
	width:246px;
	height:20px;
	float:left;
}

.texte_voyage
{
	width:216px;
	height:auto;
	float:left;
	margin: 3px 0 0 10px;
}

.decalage
{
	margin-left:35px;
}

.input{
	width:200px;
}

.englobe
{
	position:relative; 
	clear:both;
	height:685px;
}

.plan
{
text-decoration:none;
margin-left:4cm;
color:#2F4FF0;
}

.plan2
{
text-decoration:none;
margin-left:5cm;
color:#2F4FF0;
}

.plan3
{
text-decoration:none;
color:#2F4FF0;
}

.lien_context
{
font-weight:normal;
color:#707978;
}

.lien_context:hover  
{
color:#0066FF;
text-decoration: underline;
}