/*Début positionnement des blocs et du design*/
html, body
{
 margin: 0; /*sans marges, la page sera collée aux bords */
 padding: 0;
 font-family: Trebuchet MS,Geneva,Helvetica,sans-serif; /*On définit la police de bases dans la page*/
 font-size: 90%; /*on définit la taille de police de base dans la page*/
 height:100%;
 background-color: #FEE1A5;
 color: black;
 overflow:hidden;
  }

a:link
 {
 font-weight: bold;
 color: #CC6600;
 text-decoration: none;
 }
 
 a:hover { color: #750000; }
 
 a:visited
 {
 font-weight: bold;
 color: #FF9933;
 text-decoration: none;
 }
 
.head1
{
 background-image: url('../design/fondentete.gif');
 background-repeat: repeat-x;
 height: 17.5%;
}

.head2
{
 background-image: url('../design/liseret.gif');
 background-repeat: repeat-x;
 background-position: left;
 width:100%;
 margin-top: -4px;
 z-index:3;
}

html>body .head2
{
  position: relative;
  margin:-1px 0px;
  height:1.5%;
}

.texte
{
 position: absolute;
 left:25%;
 top: 9%;
 width: 269px;
 height: 81px;
 margin-top: -45px;
 margin-left: -134px;
 border: 0px;
 z-index:1;
}

.float_droit
{
 float: right;
}

.deconnexion
{
 color: red;
 background-color: #FEE1A5;
 float: left;
 text-decoration: none;
 font-weight: bold;
}

.formajout td
{
  border: 0px none;
}

.formajout
{
 position: absolute;
 top: 50%;
 left: 50%;
 width: 500px;
 height: 150px;
 margin-top: -75px;
 margin-left: -250px;
}

.formgroupes td
{
  border: 0px none;
}

.formgroupes
{
 position: absolute;
 top: 50%;
 left: 50%;
 width: 600px;
 height: 300px;
 margin-top: -150px;
 margin-left: -300px;
}

.ajout
{
 float: right;
 color: #09700E;
 font-weight: bold;
 text-decoration: none;
 margin: 5px;
}

.ajoutmanifs
{
 color: #09700E;
 font-weight: bold;
 text-decoration: none;
 margin: 5px;
}

.effacer
{
 color: red;
 font-weight: bold;
 text-decoration: none;
}

.modifier
{
 color: #e97e1e;
 text-decoration: none;
 }

.retour
{
 float: right;
 color: #e97e1e;
 background-color:#750000;
 font-size: 120%;
 line-height: 1.5em;
 font-weight: bold;
 text-decoration: none;
 margin: 5px;
}

.retour:hover
{
 color: white;
}

#editerinfos
{
 float: right;
}

 .logo
{
 position: absolute;
 height:100%;
 border: 0px none;  /*pour enlever la bordure ci c'est une image lien ou image cliquable*/
 z-index:2
}

 html>body .logo
 {
  height:17%;
  }

.large
{
 float: right;
 border: 0px none;  /*pour enlever la bordure ci c'est une image lien ou image cliquable*/
 height:100%;
 width:58%;
 z-index:4
}

.gauche
{
 float:left;
 background-color: #750000;
 color:black;
 width: 23%;
 height: 80.5%;
 margin :-3px;
 border-right: 2px solid black;
 border-bottom: 2px solid black;
}

html>body .gauche
{
 position:absolute;
 height: 80.8%;
 margin: 0;
}

.centre
{
 height: 72%;
 text-align: justify;
 overflow:auto;
 scrollbar-face-color: #FEE1A5;
 scrollbar-shadow-color: #740000;
 scrollbar-3dlight-color: #740000;
 scrollbar-track-color: #740000;
 scrollbar-arrow-color: #740000;
 width: 69%;
 margin-top:-3px;
 padding-left: 4%;
 padding-right: 4%;
}

html>body .centre
{
 position: absolute;
 right:0;
 padding-right: 30px;
 padding-left: 30px;
 margin-top: 1px;

}

.centreadmin
{
 position: absolute;
 right:0;
 height: 72%;
 text-align: justify;
 overflow:auto;
 scrollbar-face-color: #FEE1A5;
 scrollbar-shadow-color: #740000;
 scrollbar-3dlight-color: #740000;
 scrollbar-track-color: #740000;
 scrollbar-arrow-color: #740000;
 width:70%;
 margin-top:-3px;
 padding-left: 4%;
 padding-right: 4%;
}

html>body .centreadmin
{
 width:74%;
 padding-right: 10px;
 padding-left: 10px;
 margin-top: 5px;
}


.global
{
 position:absolute;
 padding-top: 4%;
 font-size: 1.2em;
 /*left: 23%;
 top: 42%;*/
 left: 62%;
 top: 50%;
 width:450px;
 height:200px;
 margin-left:-225px;
 margin-top:-100px;
}

html>body .global
{ 
 left: 50%;
 top: 50%;
}

.globalmanif
{
 position:absolute;
 font-size: 1.2em;
 /*left: 23%;
 top: 42%;*/
 left: 50%;
 top: 50%;
 width:420px;
 height:300px;
 margin-left:-210px;
 margin-top:-150px;
}

.globalpublic
{
 position:absolute;
 padding-top: 0;
 font-size: 1.2em;
 left: 62%;
 top: 54%;
 width:550px;
 height:280px;
 margin-left:-275px;
 margin-top:-140px;
}

html>body .globalpublic
{
 left: 50%;
 top: 50%;
}

.imgpublic
{
  margin-top:-155px;
  margin-left:260px;
  }


.globalmail
{
 position:absolute;
 font-size: 1.2em;
 left: 60%;
 top: 55%;
 width:380px;
 height:330px;
 margin-left: -190px;
 margin-top: -165px;
}

html>body .globalmail
{
 left: 50%;
 top: 50%;
}

.centre1
{
  float: right;
}

#aligne
{
 margin-top: 0px;
 margin-left: 105px;
}

/*.centregaro
{
  float:right;
  background-image: url('../design/solidarite1.gif');
  background-repeat: no-repeat;
  width:22%;
  height:45%;
  margin-top: -30px ;
  padding: 0;
}*/

h1
{
 font-size: 140%;
 font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
 color: #993300;
}

h2
{
 font-size: 130%;
 font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
 color: #CC6600;
 }

#datemanif
{
 font-size: 160%;
 line-height: 180%;
 font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
 color: #CD0A0A;
}

.footer
{
 bottom:0;
 width:76.8%;
 text-align : center;
 font-size: 14px;
 margin-top:1%;
 padding-top: 1%;
 margin-bottom: 20px;
 }
 
.footer a:link, .footer a:visited 
 {
 font-weight: bold;
 color: #330000;
 text-decoration: none;
 }
.footer a:hover { color: #CC6600; }


html>body .footer
{
 position: absolute;
 right: 0;
 height:4%;
 padding-bottom:0;
 margin-left: 0;
 margin-right: 0;
}

.lien
{
 vertical-align: bottom;
 border:0px none;
 color: white;
 font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
 }
/********menu vertical*******/

#conteneurmenu p
{
	color: #FEE1A5;
	font-size:14px;
}

.orange
{
        border-left:0px none; background-color: #e97e1e;
        display: block;
	color: black;
        font-weight: bold;
	padding: 0;
/* width et margin sont au cas où le javascript est désactivé. */
	height: 97%;
        width: 96%;
        margin: 0;
		margin-top:2px;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black
}

.percus
{
 float: right;
 border:0px none;
}

.percus1
{
 float: right;
 margin-right:3%;
}

html>body .percus1
{
 margin-right: 6%;
}

p.menu
{
 position: relative;
 cursor: pointer;
 text-align: center;
 font-weight:bold;
 font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
 display:block;
 color: #FEE1A5;
 background-color: #740000;
 text-decoration:none;
 border-top: 1px solid black;
 border-left: 1px solid black;
 border-right: 1px solid #FEE1A5;
 border-bottom: 1px solid #FEE1A5;
 margin-top: 60%!important;

}

html>body p.menu
{
 color: black;
 background-color: #e97e1e;
 margin-top: 0!important;
}

p.menu:hover
{
 background-color: #750000;
 display:block;
 color: #FEE1A5;
 text-decoration:none;
 border-right: 0.5px solid #FEE1A5;
 border-bottom: 0.5px solid #FEE1A5;
}

.ssmenu {

    background-color: #FEE1A5;
	color:red;
    font-size:13px;
	font-weight:bold;
	border-left: 1px outset #F7D58D;
	padding:1px;
    line-height: 14px;
    margin-top: 55%!important;
}

html>body .ssmenu {
  margin-top: 0!important;
}
.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .ssmenu a
{
/* Les liens qui ne sont pas sous le curseur. */
	font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
	text-decoration:none;
	color: #e97e1e;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	width:100%;
        margin:0px;

}

.menu a:visited, .ssmenu a:visited, a.ssmenu:visited
{
  color:#FC690A;
}

html>body a.ssmenu:visited
{
  width: auto;
  color:#FC690A;
}

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active 
{
	width :auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background: #750000 ;
	color: white!important;
        /*border-right: 1px solid black;
	border-bottom: 1px solid black;*/
	text-decoration:none;
}

div p
{
 z-index: 2;
}

/********fin menu vertical*/

.menuimage
{
   position: absolute;
   bottom: 4%;
   width: 58%;
   height: 30%;
   margin-left: 20px;
   z-index:1;
}

html>body .menuimage
{
   width: 56%;
   height:28%;
   bottom: 5%;
}

#mains
{
 height: 100%;
}

/*Menu horizontal */
#menu
{
        font-style: italic;
        margin-left: -20px ;
	padding: 0 ;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
#menu li
{
        float: left;
        font-size:11px;
	list-style-type: none ;
 }/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

select
{
   font-size:11px;
}

#navig
{
 color:#993300;
}

.login
{
   	text-decoration:none;
	color:#940;
	padding:2px;
}

/***** galerie photos *****/


div#galerie
{
      	width:auto;
              /*background: #eed ;*/
	border: 1px solid black;
        padding: 5px ;
	margin: 15px 15px ;
	text-align: center ;
	font: 0.9em Verdana, serif ;
}

html>body div#galerie
{
  width:auto;
}


#galerie_mini
{
	float: right;
	list-style-type: none ;
	border: 1px none;
	overflow: auto;
	height:100%;
	width:150px;

}

ul#galerie_mini
{
        position: absolute;
        right:0;
     	list-style-type: none ;
     	text-decoration: none;
	border: 0;
        height:100%;
	width:130px;
	margin: 0;
        padding: 0;
	overflow: auto;
	overflow-x: hidden;
}



#galerie_mini a img
{

	border: 0px solid #dcb ;
}

.photogd
{
 position: absolute;
 top: 45%;
 height: 300px;
 width:60%;
 margin-top: -150px;
 text-align: center;
 z-index: 1;
}

.photogd img
{
	border: 1px solid black;
}
#jeanine
{
	font-size: 10px;
	font-style: italic;
}
/*pour 
dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
.pompe
{
  text-align: center;
}

#interligne
{
 text-align: left;
 line-height:160%;
}

#decale
{
 text-align: left;
 margin-left:10%;
 line-height:160%;
}

#decale1
{
 text-align: left;
 margin-top: 4%;
}

html>body #decale1
{
 margin-top: 2%;
}

#decale3
{
 text-align: left;
 margin-top: -1%;
}

html>body #decale3
{
 margin-top: -3%;
}

#decaleleger
{
 margin-left:5%;
 line-height:160%;
}

#decadroite
{
 float: right;
}

#centrage
 {
 text-align: center;
 line-height: 190%;
 padding-right: 1%;
 padding-left: 1%;
 margin-top:5%;
 height:80%;
 width:auto;
}

html>body #centrage
{
 margin-top: 0;
}

.lienpublic
{
 margin-left: 15%;
}

.lienpublic a
{
 color:white;
 font-family:verdana, arial, "times new roman", serif;
 font-size: 16px;
 line-height: 160%;
 text-decoration: none;
}

.lienpublic a:hover
{
 color: #750000;
}

#decal
 {
   text-align: center;
   padding-top: 1%;
  }

#affiche1
{
 /*float: right;*/
 width:30%;
 border: 0px none;
}

html>body #affiche1
{
 top: 15%;
}

#affiche
{
text-align: center;
width: 100%;
}

html>body #affiche
{
 top: 50%;
 left: 50%;
}

#tableau
 {
  height: 100%;
 }

#table
{
 margin-top:10%;
}

#tabhameya
{
 margin-top:5%;
}

#gras
{
 font-weight: bold;
}

.marge
{
 text-align: center;
}

#posgauche
{
 text-align: left;
}

.centrer
{
 position: absolute;
 text-align: center;
 top: 50%;
 left: 62%;
 width: 300px;
 height: 60px;
 margin-left: -150px;
 margin-top: -20px;
}

html>body .centrer
{
 top: 50%;
 left: 50%;
}

.menuplan
{
 margin-left: 6%;
}

dl.menuplan dt
{
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
}

dl.menuplan dd
{
width: 50%;
margin: 0;
padding: 0;
}

dl.menuplan li
{
text-align: left;
margin: 0;
padding: 0;
color: #09700E;
}

dl.menuplan li a, dl.menuplan dt a
{
display: block;
border: 0px none;
width: 100%
}

.menuplan dt a:hover, dl.menuplan li a:hover { font-weight:bold; color:#E00000; text-decoration:none }

h3, h3 a
{
 text-align: left;
 margin-left:2%;
 font-size: 100%;
 line-height: 180%;
}

input, textarea
{
	border:1px solid black;	
}

#petit_gras
{
	font-size:10px;
	color:black;
	font-weight:bold;
	font-style: italic;
	padding-left:50px;
}