/*----------------------------------------------------------------- DEBUT des Styles qui s'appliquent à toutes les pages du site ------------------------------------------------------------------------------*/
div#body {
border:1px solid black;
margin:auto;
font-family:"Trebuchet MS",Arial, sans-serif;
position:relative;
height:768px;
width:1024px;
}
/* style pour les animations des nuages colorés */
div#anim_nuage {
z-index:7;
position:absolute;
top:0px;
left:0px;
width:1024px;
height:768px;
}
#logo {
position:relative;
top:-20px !important;
/* top:0px !important!; */
width:248px;
height:145px;
border-style:none;
background:url("images/logo.png") 0 0 no-repeat;
}
#fond_sonore {
position:absolute;
top:140px;
left:28px;
z-index:9;
}
/* style pour les animations à gauche de chaque page */
#verre {
z-index:3;
position:absolute;
top:0px;
left:0px;
width:390px;
height:768px;
}
#menu {
z-index:2;
position:absolute;
top:0px;
right:0px;
width:1000px;
height:240px;
}
/* style pour le bloc qui contiendra le contenu de chaque page (images, texte, liens) */
#content {
position:absolute;
left:380px;
top:350px;
width:590px;
height:378px;
}
/* style pour l'ascenseur qui s'affichera automatiquement s'il y a trop de contenu dans la div #content */
#boite_ascenseur {
position:relative;
display:block;
float:left;
width:550px;
height:400px;
margin:1em;
overflow:auto;
}
#texte {
width: 500px;
}
#titre { 
width:300px;
height:100px;
position:absolute;
top:190px;
left:442px;
}
#menu_secondaire {
position:absolute;
right:50px;
bottom:20px;
width:570px;
height:30px;
}
div#body #logo h1{
text-indent:-3000px;
} 
/*div#body #logo a{
display:block;
margin-top:25px;
width:232px;
height:115px;
border:1px solid red;
} */
div#body  #lien-logo{
position:absolute;
top:10px;
left:10px;
display:block;
width:248px;
height:145px;
z-index:8;
cursor:pointer;
}
/* style pour enlever les pointillés violets autour des liens que l'on sélectionne (anim flash, images, texte...)  */
* {
outline:none;
}
/*----------------------------------------------------------------- FIN des Styles qui s'appliquent à toutes les pages du site ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE index.php ------------------------------------------------------------------------------*/
#actualites {
position:absolute;
right:20px;
}
/*-----------------------------------------------------------------FIN PAGE index.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE presentation.php ------------------------------------------------------------------------------*/
#titre_presentation { 
width:300px;
height:100px;
position:absolute;
top:180px;
left:355px;
}
/* survol du sous-menu visite interactive dans la page presentation ( au coeur de la page) */
#icone a.bouton {
display:block;
position:absolute;
top:280px;
left:355px;
border:0; 
height:35px; 
width:300px; 
background:url("images/images_titres/ss_titres_visite_interactive.jpg") 0 0 no-repeat
}       
#icone a:hover.bouton {
background-position:0 -32px
}
#texte_cite {
position:relative;
color:#E70033;
width:230px;
text-align:justify;
font-size:13px;
text-indent:10px;
top:60px;
left:55px;
}   
.images {
position:absolute;
right:0px;
top:70px;
width:240px;
height:320px;
}
#image1_presentation {
z-index:3;
width:217px;
height:150px;
position:absolute;
top:60px;
right:-10px;
border-style:none;
}
#image2_presentation {
z-index:2; 
width:230px;
height:165px;
position:absolute;
top:0px;
left:-20px;
border-style:none;
}
#boite_ascenseur-presentation {
position:relative;
display:block;
float:left;
width:550px;
height:300px;
margin:1em;
overflow:auto;
}
#fond_nuage_presentation{
z-index:0;
position:absolute;
top:300px;
left:405px;
border-style:none;
}
/*-----------------------------------------------------------------FIN PAGE presentation.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE visite_interactive.php ------------------------------------------------------------------------------*/
#titre_visite_interactive { 
width:330px;
height:75px;
position:absolute;
top:180px;
left:355px;
}
/* survol du sous-menu presentation dans la page visite interactive ( au coeur de la page) */
#icone2 a.bouton {
display:block;
position:absolute;
top:255px;
left:335px;
border:0; 
height:25px; 
width:330px; 
background:url("images/images_titres/ss_titres_presentation.jpg") 0 0 no-repeat
}       
#icone2 a:hover.bouton {
background-position:0 -25px
}
#ss_titre_visite_interactive { 
width:330px;
height:50px;
position:absolute;
top:245px;
left:355px;
}
#visite_interactive {
z-index:4;
position:absolute;
bottom:60px;
right:60px;
width:530px;
height:375px;
}
/*-----------------------------------------------------------------FIN PAGE visite_interactive.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE infos_pratiques.php ------------------------------------------------------------------------------*/
#infos_pratiques {
z-index:4;
position:absolute;
bottom:40px;
right:40px;
width:500px;
height:350px;
}
#fond_nuage_infos_pratiques {
z-index:0;
position:absolute;
top:253px;
left:405px;
border-style:none;
}
/* style pour que le fond des textes (forme nuage) soit correctement placé sous IE6 */
* html #infos_pratiques { 
z-index:4;
position:absolute;
bottom:40px;
right:0px;
width:500px;
height:350px;
}
* html #fond_nuage_infos_pratiques { 
z-index:0;
position:absolute;
top:253px;
left:395px;
border-style:none;
}
/*-----------------------------------------------------------------FIN PAGE infos_pratiques.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE organisation.php ------------------------------------------------------------------------------*/
#organisation {
position:relative;
left:30px;
top:25px;
width:480px;
height:320px;
}

.indent_organisation {
margin-left:15px;
} 
#titre_organisation_visite { 
width:550px;
height:160px;
position:absolute;
top:170px;
left:355px;
}
/* survol du sous-menu documents dans la page acces groupes ( au coeur de la page) */
#icone3 a.bouton {
display:block;
position:absolute;
top:290px;
left:355px;
border:0; 
height:25px; 
width:410px; 
background:url("images/images_titres/ss_titres_documents.jpg") 0 0 no-repeat
}       
#icone3 a:hover.bouton {
background-position:0 -25px
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page)  */
#icone4 a.bouton {
display:block;
position:absolute;
top:315px;
left:355px;
border:0; 
height:25px; 
width:410px; 
background:url("images/images_titres/ss_titres_reservation.jpg") 0 0 no-repeat
}       
#icone4 a:hover.bouton {
background-position:0 -26px
}
/*-----------------------------------------------------------------FIN PAGE organisation.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE documents.php ------------------------------------------------------------------------------*/
#titre_documents { 
width:430px;
height:70px;
position:absolute;
top:170px;
left:355px;
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page) */
#icone5 a.bouton {
display:block;
position:absolute;
top:250px;
left:355px;
border:0; 
height:30px; 
width:430px; 
background:url("images/images_titres/ss_titres_organisation.jpg") 0 0 no-repeat
}       
#icone5 a:hover.bouton {
background-position:0 -30px
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page) */
#icone6 a.bouton {
display:block;
position:absolute;
top:310px;
left:355px;
border:0; 
height:30px; 
width:430px; 
background:url("images/images_titres/ss_titres_reservation2.jpg") 0 0 no-repeat
}       
#icone6 a:hover.bouton {
background-position:0 -32px
}
#titre_documents2 { 
width:430px;
height:30px;
position:absolute;
top:280px;
left:355px;
}
#content_documents {
position:absolute;
left:380px;
top:360px;
width:590px;
height:300px;
color:rgb(130, 200, 70);
}
#docs {
position:relative;
width:470px;
height:220px;
top:90px;
left:55px;
}
#logo_reader {
position:absolute;
left:173px;
top:45px;
font-family:"Trebuchet MS", Arial, sans-serif;
}
/*-----------------------------------------------------------------FIN PAGE documents.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE reservation.php, page_1.php, page_2.php, page_3.php, page_4.php et page_5.php ------------------------------------------------------------------------------*/
#titre_reservation { 
width:550px;
height:120px;
position:absolute;
top:160px;
left:355px;
}
#fond_nuage_formulaire {
z-index:0;
position:absolute;
top:320px;
left:420px;
border-style:none;
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page)  */
#icone7 a.bouton {
display:block;
position:absolute;
top:250px;
left:355px;
border:0; 
height:30px; 
width:360px; 
background:url("images/images_titres/ss_titres_organisation2.jpg") 0 0 no-repeat
}       
#icone7 a:hover.bouton {
background-position:0 -29px
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page)  */
#icone8 a.bouton {
display:block;
position:absolute;
top:280px;
left:355px;
border:0; 
height:30px; 
width:360px; 
background:url("images/images_titres/ss_titres_documents2.jpg") 0 0 no-repeat
}       
#icone8 a:hover.bouton {
background-position:0 -28px
}
#titre_reservation2 { 
width:360px;
height:35px;
position:absolute;
top:270px;
left:355px;
}
#titre_etape { 
font-family:"Cooper Std Black", "Trebuchet MS", Arial, sans-serif; 
font-weight:bold;
color:#336600;
position:absolute;
top:279px;
left:700px;
}
#consigne{
position:relative;
top:325px;
left:380px;
width:300px;
font-weight:bold;
color:#336600;
}
#legende_calendrier {
right:60px;
top:31px;
width:130px;
height:279px;
position:absolute;
background-color:#336600;
color:white;
font-family:"Trebuchet MS", Arial, sans-serif;
font-weight:bold;
padding-right:5px;
padding-left:10px;
font-size:0.9em;
}
#legende_calendrier td {
position:relative;
height:30px;
padding-right:5px;
padding-left:5px;
}
#legende_libre {
background-color:#99CC33;
width:18px;
height:18px;
border:2px solid white;
}
#legende_reserve {
background-color:#FFCC00;
width:18px;
height:18px;
border:2px solid white;
}
#legende_ferme {
background-color:#C0D4AA;
width:18px;
height:18px;
border:2px solid white;
}
#nom_classe, #classeRed{
margin-left:127px;
}
#classeRed{
position:relative;
top:10px;
}

/*-----------------------------------------------------------------FIN PAGE reservation.php,  page_1.php, page_2.php, page_3.php, page_4.php et page_5.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE calendrier.php ------------------------------------------------------------------------------*/
/* principales propriétés pour tout le calendrier */
.calendrier {
color:white;
font-family:"Cooper Std Black", "Trebuchet MS", arial, sans-serif;
text-align:center; 
vertical-align:middle;
border-collapse:collapse;
position:absolute;
left:60px;
top:30px;
}       

/* Hack Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	#consigne{
	position:relative;
	top:325px;
	}

	.calendrier caption{
	border:1px solid white;
	background-color:#336600;
	padding:10px;
	font-size:1.2em;
	}

	.calendrier caption #flecheD {
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
	} 
}

.calendrier caption a {
color:white;
} 
.calendrier caption a:hover {
font-weight:bold;
}
 
.calendrier caption #flecheG {
float:left;
} 

.calendrier caption #flecheD {
position:absolute;
top:40px !important;
top:10px !important!;
right:240px !important;
right:10px !important!;
text-align:right;
} 
  
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.calendrier caption #flecheD {
	position:absolute;
	width:15px;
	margin-top:-30px;
	left:275px;
	} 
	
	#legende_calendrier td{
	height:25px;
	}
	
}  
  
/*propriétés pour la légende du tableau, qui ici se situe au dessus du calendrier */
.calendrier caption {
border:1px solid white;
padding:10px;
background-color:#336600;
font-size:1.2em;
}
/*propriétés qui concernent uniquement les cellules du nom des jours : Lu Ma Me Je Ve Sa Di */
.calendrier th {
text-align:center;
border:1px solid white;
width:40px;
height:30px;
background-color:#336600;
}
/*propriété qui permet de centrer les chiffres dans les cases */
.calendrier td {
line-height:2.5em;
}
/*propriété qui enlève le soulignement des liens (liens soulignés par défaut) */
.calendrier a {
text-decoration:none;
color:black;
}
/*propriétés qui appartiennent à la classe R */
.R {
width:40px;
height:40px;
background-color:#FFCC00;
color:black;
}
/*propriétés qui appartiennent à la classe F */
.F {
width:40px;
height:40px;
background-color:#C0D4AA;
color:black;
}
/*propriétés qui appartiennent à la classe L */
.L {
width:40px;
height:40px;
background-color:#99CC33;
}
/* La cellule du jour actuel dans le calendrier */
.lienCalendrierJour {
color:red;
background-color:red;
z-index:4;
}
/*-----------------------------------------------------------------FIN PAGE calendrier.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE formulaire_page1.php, formulaire_page2.php, formulaire_page3.php, formulaire_page4.php, formulaire_page5.php, validation_formulaire.php------------------------------------------------------------------------------*/
#body_formulaire_reservation {
color:#336600;
font-family:"trebuchet MS", arial, sans-serif;
text-align:center; 
margin:auto;
}
/* style pour le bloc qui contiendra le contenu de chaque page (images, texte, liens) */
/*#content_formulaire_reservation {
position:absolute;
left:430px;
top:415px;
width:480px;
height:378px;
border:1px solid red;
}*/
#content_formulaire_reservation2 {
position:absolute;
left:383px;
top:390px;
width:590px;
height:310px;
}
/*
#content_formulaire_reservation3 {
position:absolute;
left:390px;
top:395px;
width:590px;
height:378px;
}*/
/* style pour l'ascenseur qui s'affichera automatiquement s'il y a trop de contenu dans la div #content */
#boite_ascenseur_formulaire {
position:relative;
display:block;
float:left;
width:470px;
height:272px;
left:40px;
margin:1em;
overflow:auto;
}
/*
#boite_ascenseur_formulaire2 {
position:relative;
display:block;
float:left;
width:550px;
height:270px;
margin:1em;
overflow:auto;
}*/
#formulaire_reservation {
color:#336600;
font-size:12px;
width:410px;
text-align:left;
padding:5px; 
margin:auto;
font-weight:bold;
}
#formulaire_reservation input, #formulaire_reservation option, #formulaire_reservation strong, #formulaire_reservation select {
color:#336600;  
}   
#etape {
font-family:"Cooper Std Black", "trebuchet MS", arial, sans-serif;
color:#336600;  
font-size:16px;
font-weight:bold;
}
#etape2 {
font-family:"Cooper Std Black", "trebuchet MS", arial, sans-serif;
color:#336600;  
font-size:16px;
font-weight:bold;
text-align:center;
}
/* zones du formulaire */
#formulaire_reservation fieldset {
padding:5px;
margin:10px;
border:solid 1px #336600;
}
#formulaire_reservation legend {
font-family:"Cooper Std Black", "trebuchet MS", arial, sans-serif;
color:#336600;  
padding:2px;
margin:2px;
font-weight:bold;
}
/* libellés du formulaire */
#formulaire_reservation #coordonnees .libelle {
float:left;
width:18%;
padding-right:0.5em;
text-align:right;
}
/* libellés du formulaire */
#formulaire_reservation #visite .libelle {
float:left;
width:32%;
padding-right:0.5em;
text-align:right;
}
/* libellés du formulaire */
#formulaire_reservation .libelle_validation_formulaire {
float:left;
width:52%;
padding-right:0.5em;
text-align:right;
font-family:"Cooper Std Black", "trebuchet MS", arial, sans-serif;
font-weight:bold;
}   
#formulaire_reservation select, #coordonnees input, #visite input {
margin-bottom:0.5em;
border:solid 1px #336600;   
}
#matin , #midi, #apresmidi, #soir{
position:relative; 
float:left;
margin-right:10px;  
}
#coordonnees input:focus, #visite input:focus {
border-color:#C0D4AA;
}
#previsionnelle, #recap {
color:#336600;
font-size:11px;
width:410px;
text-align:left;
padding:10px; 
margin-left:20px;
}
#note{
margin-top:5px;
text-indent:10px;
}
/*-----------------------------------------------------------------FIN PAGE formulaire_page1.php, formulaire_page2.php, formulaire_page3.php, formulaire_page4.php, formulaire_page5.php, validation_formulaire.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE partenaires.php ------------------------------------------------------------------------------*/
#contenu_partenaires {
position:absolute;
left:445px !important;
left:430px;
top:250px;
width:530px;
height:auto;
}
#boite_ascenseur_partenaires {
position:relative;
display:block;
float:left;
width:520px;
height:440px;
margin:1em;
overflow:auto;
}
#titre-partenaires{
position:absolute;
height:auto;
top:170px;
left:442px;
}
/*-----------------------------------------------------------------FIN PAGE partenaires.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE plus_infos.php, infos_enfants_enseignants.php, infos_environnement.php, infos_recrutement.php, infos_solidarite.php, infos_toutsurleau.php ------------------------------------------------------------------------------*/
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page) */
#nuages_enfants_enseignants a.bouton {
display:block;
position:absolute;
top:-10px;
left:0px;
border:0; 
height:122px; 
width:227px; 
background:url("images/plus_infos/nuages_enfants_enseignants.jpg") 0 0 no-repeat
}       
#nuages_enfants_enseignants a:hover.bouton {
background-position:0 -124px
}
#nuage_enfants_enseignants {
right:100px;
top:10px;
position:absolute;
}
#infos_enfants_enseignants {
top:90px;
right:50px;
position:absolute;
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page)  */
#nuages_recrutement a.bouton {
display:block;
position:absolute;
top:-10px;
left:330px;
border:0; 
height:122px; 
width:227px; 
background:url("images/plus_infos/nuages_recrutement.jpg") 0 0 no-repeat
}       
#nuages_recrutement a:hover.bouton {
background-position:0 -124px
}
#nuage_recrutement {
right:100px;
top:10px;
position:absolute;
}
#infos_recrutement {
top:90px;
right:50px;
position:absolute;
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page)  */
#nuages_environnement a.bouton {
display:block;
position:absolute;
top:100px;
left:170px;
border:0; 
height:122px; 
width:227px; 
background:url("images/plus_infos/nuages_environnement.jpg") 0 0 no-repeat
}       
#nuages_environnement a:hover.bouton {
background-position:0 -124px
}
#nuage_environnement {
right:100px;
top:10px;
position:absolute;
}
#infos_environnement {
top:90px;
right:50px;
position:absolute;
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page)  */
#nuages_solidarite a.bouton {
display:block;
position:absolute;
top:210px;
left:0px;
border:0; 
height:122px; 
width:227px; 
background:url("images/plus_infos/nuages_solidarite.jpg") 0 0 no-repeat
}       
#nuages_solidarite a:hover.bouton {
background-position:0 -124px
}
#nuage_solidarite {
right:100px;
top:10px;
position:absolute;
}
#infos_solidarite {
top:83px;
right:47px;
position:absolute;
}
/* survol du sous-menu reservation dans la page acces groupes ( au coeur de la page) */
#nuages_toutsurleau a.bouton {
display:block;
position:absolute;
top:210px;
left:330px;
border:0; 
height:122px; 
width:227px; 
background:url("images/plus_infos/nuages_toutsurleau.jpg") 0 0 no-repeat
}       
#nuages_toutsurleau a:hover.bouton {
background-position:0 -124px
}
#nuage_toutsurleau {
right:100px;
top:10px;
position:absolute;
}
#infos_toutsurleau {
top:88px;
right:47px;
position:absolute;
}
/*-----------------------------------------------------------------FIN PAGE plus_infos.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE plus_infos2.php ------------------------------------------------------------------------------*/
#titre-infos { 
width:300px;
height:100px;
position:absolute;
top:170px;
left:442px;
}
#bt_retour_infos{
left:660px;
top:250px;
position:absolute;
font-family:"Cooper Std Black", "Trebuchet MS", Arial, sans-serif;
}
#bt_retour_enfants_enseignants a {
color:#FF0000;
text-decoration:none;
}
#bt_retour_recrutement a {
color:#0099FF;
text-decoration:none;
}
#bt_retour_environnement a {
color:#99CC00;
text-decoration:none;
}
#bt_retour_solidarite a {
color:#FFCC00;
text-decoration:none;
}
#bt_retour_toutsurleau a {
color:#3300CC;
text-decoration:none;
}
#bt_retour_infos a:hover {
color:rgb(80, 110, 155);
}
#content_plus_infos {
position:absolute;
right:0px;
top:260px;
width:590px;
height:408px;
}
/*-----------------------------------------------------------------FIN PAGE plus_infos2.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE faq.php ------------------------------------------------------------------------------*/
#content_page_faq {
position:absolute;
left:390px !important;
left:380px;
bottom:50px;
width:590px;
height:408px;
}
#contenu_faq {
bottom:30px;
right:0px;
position:absolute;
}
#titre-sec { 
width:300px;
height:100px;
position:absolute;
top:170px;
left:442px;
}
/*-----------------------------------------------------------------FIN PAGE faq.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE presse.php ------------------------------------------------------------------------------*/
#liens_presse {
bottom:30px;
right:-7px;
position:absolute;
}
/*-----------------------------------------------------------------FIN PAGE presse.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE contact.php, page_formulaire_contact.php ------------------------------------------------------------------------------*/
#texte_contact2 {
color:#6699cc;
font-family:"Cooper Std Black", "Trebuchet MS", Arial, sans-serif;
font-size:14px;
position:absolute;
left:90px;
}    
#texte_contact a {
color:#6699cc;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:16px;
}   
#content_contact {
position:absolute;
right:150px;
top:230px;
width:390px;
}
#avertissement{
position:absolute;
width:273px;
height:146px;
right:40px;
top:210px !important;
top:190px !important!;
z-index:20;
}

#avertissement2{
position:absolute;
width:273px;
height:146px;
right:17px;
top:275px !important;
top:255px !important!;
z-index:20;
}

/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	#avertissement{
	position:absolute;
	width:273px;
	height:146px;
	right:40px;
	top:210px;
	z-index:20;
	}

	#avertissement2 {
	position:absolute;
	width:273px;
	height:146px;
	right:17px;
	top:275px;
	z-index:20;
	}
}
/*-----------------------------------------------------------------FIN PAGE contact.php, page_formulaire_contact.php  ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE formulaire_contact.php ------------------------------------------------------------------------------*/
#content_contact2 {
position:absolute;
right:220px !important;
right:120px;
top:255px;
width:390px;
}
#boite_ascenseur_contact {
position:relative;
display:block;
float:left;
width:450px;
height:430px;
margin:1em;
overflow:auto;
}
#body_formulaire_contact {
text-align:center;
color:#006699;
font-family:"Trebuchet MS", arial, sans-serif;
}       
#formulaire_contact {
color:#006699;
font-size:11px;
font-family:"trebuchet MS", arial, sans-serif;
background-color:#E5F3FF;
border:0.5px solid #006699;
width:350px;
text-align:left;
padding:5px; 
margin:auto;
}
#formulaire_contact input, #formulaire_contact option, #formulaire_contact strong, #formulaire_contact select {
color:#006699;
}
/* zones du formulaire */
#formulaire_contact fieldset {
border:solid 1px #006699;
padding:5px;
margin:5px;
width:330px;
}
#formulaire_contact p {
margin:6px;
}
#formulaire_contact legend {
color:#006699;
padding:2px;
margin:2px;
font-weight:bold;
}
/* libellés du formulaire */
#formulaire_contact #coordonnees .libelle {
float:left;
width:20%;
padding-right:1em;
text-align:right;
}       
#formulaire_contact #message .libelle {
float:left;
width:20%;
padding-right:1em;
text-align:right;
}
#formulaire_contact #libelle2 {
padding-left:20px;
}
#formulaire_contact #coordonnees input, #formulaire_contact #message input, #formulaire_contact #message textarea {
border:solid 1px #006699;
}
#formulaire_contact #nom, #formulaire_contact #mail {
margin-right:65px;
}
#formulaire_contact #fonction {
margin-right:57px;
}
#formulaire_contact #tel {
margin-right:155px;
}
#formulaire_contact #objet {
margin-right:5px;
}
#formulaire_contact #coordonnees input:focus, #formulaire_contact #message input:focus, #formulaire_contact #message textarea:focus {
border-color:#C0D4AA;
}
#boutons_formulaire_contact {
margin:auto !important;
margin-left:80px;
text-align:center;
}
#texte_contact {
color:#006699;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
margin-right:0 !important;
margin-right:15px;
}   
/*-----------------------------------------------------------------FIN PAGE formulaire_contact.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE plan_site.php ------------------------------------------------------------------------------*/
#content_page_plansite {
top:-10px;
left:150px;
position:absolute;
color:#6699CC;
font-family:"Cooper Std Black", "Trebuchet MS", Arial, sans-serif;
}
#content_page_plansite a {
text-decoration:none;
}
#content_page_plansite a:visited {
color:#6699CC;
}
#plansite_accueil, #plansite_cite, #plansite_infospratiques, #plansite_accesgroupes, #plansite_partenaires, #plansite_plusinfos {
font-size:20px;
}
#plansite_cite a, #plansite_accesgroupes a {
font-size:14px;
}
.plan_liens_cite {
text-indent:15px;
}
#plansite_accueil a:hover {
color:#99CCFF;
}
#plansite_cite a:hover {
color:#CC0033;
}
#plansite_infospratiques a:hover {
color:#00CCFF;
}
#plansite_accesgroupes a:hover {
color:#66CC33;
}
#plansite_partenaires a:hover {
color:#FFCC00;
}
#plansite_plusinfos a:hover {
color:#003399;
}
/*-----------------------------------------------------------------FIN PAGE plan_site.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE mentions_legales.php ------------------------------------------------------------------------------*/
#mentions_legales {
bottom:40px;
right:0px;
position:absolute;
}
#content_page_mentions {
position:absolute;
left:390px !important;
left:380px;
bottom:40px;
width:590px;
height:408px;
}
#titre_mentions_legales { 
width:380px;
height:85px;
position:absolute;
top:190px;
left:442px;
}
/*-----------------------------------------------------------------FIN PAGE mentions_legales.php ------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------DEBUT PAGE enquête.php ------------------------------------------------------------------------------*/
#titre_enquete_satisfaction { 
width:530px;
height:85px;
position:absolute;
top:52px;
left:375px;
}
#content_enquete {
top:220px;
left:400px;
width:510px;
position:absolute;
color:#006699;
font-family:"Trebuchet MS", Arial, sans-serif;
}
#boite_ascenseur_enquete {
position:relative;
display:block;
width:540px;
height:515px;
overflow:auto;
}
#formulaire_enquete legend {
font-weight:bold;
}
#formulaire_enquete fieldset{
padding:3px;
margin:10px;
border:1px solid #006699;
}
#formulaire_enquete th {
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
padding-right:2px;
}
/*
#formulaire_enquete td{
border:1px solid red;
}*/
#formulaire_enquete {
position:relative;
top:-30px;
color:#006699;
font-size:11px;
font-family:"trebuchet MS", arial, sans-serif;
background-color:#E5F3FF;
border:0.5px solid #006699;
width:540px;
text-align:left;
padding:5px; 
}
/* libellés du formulaire */
#formulaire_enquete .libelle {
float:left;
width:180px;
text-align:right;
}

#formulaire_enquete #champs_enquete th, #formulaire_enquete #site_web td, #formulaire_enquete #preparation_visite td, #formulaire_enquete #enquete_visite td, #formulaire_enquete #apres_visite td, #formulaire_enquete #livret-enseignant td, #formulaire_enquete #theme-visite td, #formulaire_enquete #commentaires td, #formulaire_enquete #appreciation_globale td {
width:50px;
text-align:center;
}
/*
#formulaire_enquete #source td{
padding:0px;
text-align:left;
}*/

#formulaire_enquete #table_preparation_visite, #formulaire_enquete #table_visite, #formulaire_enquete #table_apres_visite, #formulaire_enquete #table_livret, #formulaire_enquete #table_commentaires_livret, #formulaire_enquete #table_fiches, #formulaire_enquete #table_commentaires_fiches, #formulaire_enquete #table_theme_visite, #formulaire_enquete #table_source, #formulaire_enquete #table_appreciation_globale, #formulaire_enquete #table_nouvelle_visite, #formulaire_enquete #table_comment_globaux  {
right:15px;
float:right;
}
.tables_appreciation_cc th, .tables_appreciation_cc td, .tables_visite_cc th, .tables_visite_cc td, .tables_visite_br th, .tables_visite_br td, .tables_av_visite_br th, .tables_av_visite_br td, .tables_site_web_br th, .tables_site_web_br td {
vertical-align:top;
}
.tables_appreciation_cc, .tables_visite_br, .tables_site_web_br{
width:440px;
}
.tables_visite_cc{
width:310px;
}
.tables_av_visite_br{
width:360px;
}
.tables_appreciation_cc th, .tables_visite_cc th, .tables_visite_br th, .tables_av_visite_br th, .tables_site_web_br th{
width:120px;
}

#boutons_enquete {
text-align:center;
margin:auto;
}

#merci_enquete {
position:absolute;
top:400px;
left:450px;
color:#68C4C3;
font-size:13px;
width:410px;
padding:10px; 
}

#intro_enquete{
position:relative;
top:110px;
left:400px;
color:#006699;
}

.mentions_enquete{
font-size:10px;
width:470px;
padding-right:20px;
padding-left:20px;
}

/*-----------------------------------------------------------------FIN PAGE enquête.php ------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------DEBUT PAGE interdiction.php ------------------------------------------------------------------------------*/
#content_interdiction_ip .message {
position:absolute;
top:500px;
left:400px;
}
/*-----------------------------------------------------------------FIN PAGE interdiction.php ------------------------------------------------------------------------------*/