/**********************************************************************
// Apparence par défaut pour le site du GIL                          //
**********************************************************************/



/**********************************************************************
// Spécifications Générales                                          //
**********************************************************************/

/* Nettoie les bordures et les marges de tout !!!*/
* 
{
	  margin : auto;
	  padding : 0px;
}

/* Liens ***********************************/
a img
{
	  border : none;
}
a:link
{
	  color : #33cccc;
	  text-decoration : none;
	  background-color : transparent;
}
a:visited
{
	  color : #666666;
	  text-decoration : none;
	  background-color : transparent;
}
a:hover
{
	  color : #33cccc;
	  text-decoration : none;
	  background-color : transparent;
}

/* Corps **********************************/
body 
{
	  background-color : white;
	  color : #444;
	  font-size : 8pt;
	  font-family : Verdana, Arial, serif;
	  position : absolute;
	  left : 0px;
	  top : 0px;
	  width : 100%;
	  height : 100%;
	  margin : auto auto;
	  padding-left: 0%;
      padding-right: 0%;
	  font-stretch : expanded;
	  text-align : center;
}

div
{
	  page-break-after : avoid;
	  page-break-before : avoid;
}

/* Saisie *********************************/
input
{
	  font-family : Verdana, Arial, serif;
	  font-size : 8pt;
	  font-weight : bold;
	  background : transparent;
	  border-color : #555555;
	  border-style : solid;
	  border-width : 1px;
	  color : #225;
	  text-align : center;
	  font-variant : small-caps;
}

input:active
{
	  border-color : #555555;
	  border-style : solid;
	  border-width : 2px;
}

/* Traits horizontaux *********************/
hr
{
	  color : #668;
	  background-color : transparent;
	  height : 4px;
	  border-left : 0px #FFF solid;
	  border-top : 0px #FFF solid;
	  border-right : 0px #FFF solid;
	  border-bottom : 3px dotted #88E;
	  margin : 0px;
	  padding : 0px;
}

html
{
	  background-color: white;
	  color : #444;
}


p
{
	  page-break-after : avoid;
	  page-break-before : avoid;
	  display : inline;
	  vertical-align : middle;
	  text-align : center;
	  margin : auto;
	  position : relative;
}

table
{
	  background-color : #FFF;
	  font-size : 9pt;
	  font-family : Verdana, Arial, serif;
	  padding : 0px;
	  position : relative;
	  margin : auto;
}

td 
{
	  vertical-align : top;
}

table#generique
{
	  font-size : 11px;
	  margin-left : auto;
	  margin-right : auto;
	  margin-top : 50px;
	  margin-bottom : 20px;
	  letter-spacing : 1px;
	  border-top : #eef solid 10px;
	  border-bottom : #eef solid 10px;
	  border-left : #eef solid 50px;
	  border-right : #eef solid 50px;
	  padding : 20px;
}

table#generique td
{
	  padding : 2px;
}

/* #identification ************************/
table#identification
{
	  background : transparent url('images/bgndgil.jpg') repeat 0% 0%;
	  font-size : 11px;
	  color : #333333;
	  padding : 1px;
	  border : 2px dotted #AAC;
	  width : 600px;
	  height : 323px;
	  position : relative;
	  top : 0%;
	  left : 0%;
	  margin-left : auto;
	  margin-right : auto;
	  margin-top : 25px;
	  margin-bottom : 10px;
	  letter-spacing : 1px;
	  line-height : 11px;
}

table#identification td, table#identification tr
{
	  background : transparent;
}

textarea
{
	  width : 550px;
	  height : 500px;
	  background : transparent;
	  margin-left : auto;
	  margin-right : auto;
	  margin-top : 10px;
	  margin-bottom : 10px;
	  border-top : #777 solid 2px;
	  border-bottom : #777 solid 2px;
	  border-left : #777 ridge 8px;
	  border-right : #777 solid 2px;
	  font-size : 10px;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
}

/**********************************************************************
// Divisions                                                         //
**********************************************************************/
.avertissement
{
	  border : 3px #dfdfff dotted;
	  max-width : 800px;
	  position : relative;
	  margin : auto;
}

.bord_generique
{
	  border : dotted #eef 3px;
	  position : relative;
	  padding : 2px;
	  margin-left : auto;
	  margin-right : auto;
	  margin-top : 20px;
	  margin-bottom : 20px;
	  clear : both;
	  background : #fafaff;
	  padding : 8px;
}

.cachcss3
{
	  border : 0px #000 solid;
	  width : 55px;
	  height : 15px;
	  padding : 0px;
	  margin : 0px; 
}

.cachxhtml11
{
	  border : 0px #000 solid;
	  width : 80px;
	  height : 15px;
	  padding : 0px;
	  margin : 0px; 
}

.css3
{
	  background : transparent url("./images/css-blu.jpg") no-repeat center;
	  border : #000 0px;
	  margin : 0px;
	  display : inline;
	  padding : 3px;
	  vertical-align : middle;
}

/* Contenu d'une news */
.contenu
{
	  padding-right : 5px;
	  padding-top : 5px;
	  padding-bottom : 5px;
	  padding-left : 30px;
	  position : relative;
	  text-align : justify;
	  text-indent: 12px;
}

.contenu:hover
{
	  background-color : #dadaff;
	  color : #333;
}

.date
{
	  font-size : 11px;
	  background-color:transparent;
	  color : #888888;
	  text-align : right;
	  padding-right : 10px;
	  font-style : italic;
}

.down
{
	  background : transparent url("./images/down-blu.gif") no-repeat left top;
	  width : 42px;
	  height : 60px;
	  position : fixed;
	  left : 0%;
	  top : 50%;
}

.erreur
{
	  text-align : center;
	  color : #FF0000;
}

/* Footer */
.fondpage
{
	  position : relative;
	  bottom : 0px;
	  margin : auto;
	  padding: 0;
	  text-align: center;
	  width : 100%;
	  left : 0;
	  clear : both;
}

.headnewsmid
{
	  background : transparent url("images/degrade-titre-blu.jpg") repeat-x left top;
	  height : 50px;
	  text-align : center;
	  margin : 0px;
	  padding-top : 7px;
	  padding-bottom : 0px;
	  width : 400px;
	  letter-spacing : 3px;
	  font-variant : small-caps;
	  font-size : 10px;
}

.headnewsstart
{
	  background : transparent url("images/barrenews-left-blu.gif") no-repeat left top;
	  height : 50px;
	  width : 15px;
	  margin : 0px;
	  padding : 0px;
}

.headnewsend
{
	  background : transparent url("images/barrenews-right-blu.gif") no-repeat left top;
	  height : 50px;
	  width : 15px;
	  margin : 0px;
	  padding : 0px;
}

.info
{
	  background-color : #EEF;
	  color : #333333;
	  text-align : center;
	  border : #223 solid 1px;
	  margin : 20px;
}

.info:hover
{
	  background-color : #CCF;
	  color : #333333;
}

.info h1, .bord_generique h1
{
	  color : #002;
	  background : transparent url("images/degrade-titre-blu.jpg") repeat-x left top;
	  font-size : 16px;
	  font-stretch : expanded;
	  text-align : left;
	  padding-bottom : 10px;
	  padding-top : 5px;
	  padding-right : 5px;
	  padding-left : 10px;
	  margin : 0px;
	  vertical-align : inherit;
}

/* Menu du haut */
.menutop
{  
	  margin-left : auto;
	  margin-right : auto;
	  margin-top : 0px;
	  margin-bottom : 0px;
	  padding : 0px;
	  position : relative;
	  height : 40px;
	  background : #e0e0ff;
	  color : #333;
	  background : #e0e0ff url("images/degrade-titre-blu.jpg") repeat-x left top;
}

.menutop a 
{    
  	  width : 20%;	
	  height : 30px;
	  float : left;
	  display : block;
	  text-align : center;
	  border : 0px solid #fff; 
	  text-decoration : none;
	  color : #777799;
	  background : #e0e0ff url("images/degrade-titre-blu.jpg") repeat-x left top;
	  margin-top : 0px;
	  margin-left : 0px;
	  margin-right : 0px;
	  margin-bottom : 0px;
	  font-size : 11px;
	  font-weight : bolder;
	  font-stretch : expanded;
	  vertical-align : middle;

}

.menutop a:hover 
{
	  color : #fff;
	  background : #e0e0ff url("images/degrade-titre-inv-blu.jpg") repeat-x left top;
	  border : 0px solid #fff; 
	  width : 20%;
	  font-stretch : expanded;
}

.menutop a span 
{    
	  display :  none;
}

.menutop a:hover span 
{ 
	  display : block;
	  position : absolute;
	  top : 18px;
	  width : 20%;
	  text-align : center;
	  color : #000099;
	  font-size : 9px;
	  font-weight : normal;
	  border-bottom : 10px solid #008;
	  border-top : 0px solid #fff;
	  border-right : 0px solid #fff;
	  border-left : 0px solid #fff;
	  background-color : transparent;
	  margin : auto;
}

/* Acceuil */
.midgil
{
	  text-align : center;
	  color : #666666;
	  background : #fafaff;
	  border-top : #fff 0px solid;
	  border-bottom : #dadaff dotted 3px;
	  border-left : #dadaff dotted 3px;
	  border-right : #dadaff dotted 3px;
	  width : 65%;
	  margin : auto;
	  position : relative; 
	  padding-top : 10px;
	  padding-bottom : 10px; 
	  padding-left : 0px;
	  padding-right : 0px;
}

.midgil h1
{
	  text-align : center;
	  color : #666666;
	  font-size : 12px;
	  margin-left : auto;
	  margin-right : auto;
	  margin-top : 0px;
	  margin-bottom : 0px;
	  position : relative;
	  letter-spacing : 2px;
	  padding : 0px; 
}

.midgil h2
{
	  text-align : center;
	  color : #666666;
	  font-variant : small-caps;
	  font-size : 12px;
	  margin-left : auto;
	  margin-right : auto;
	  margin-top : 0px;
	  margin-bottom : 0px;
	  position : relative;
	  letter-spacing : 2px;
	  padding : 0px; 
 }

/* Contenu principal de la page */
.milieu1
{
	  position : relative;
	  margin : auto;
	  width : 80%;
	  left : 10%;
	  background : transparent;
	  border: #fff solid 0px;
	  float : left;
}

.milieu2
{
	  position : relative;
	  margin : 0px;
	  width : 80%;
	  left : 10%;
	  border-top : #dadaff dotted 3px;
	  border-bottom : #dadaff dotted 3px;
	  border-right : #dadaff dotted 3px;
	  border-left : #dadaff dotted 3px;
	  float : left;
	  text-align : left;
	  padding-top : 0px;
	  padding-bottom : 20px;
	  padding-left : 0px;
	  padding-right : 0px;
	  overflow : visible;
	  background : url("backs/back-blu.jpg") repeat #fbfbfd top center;
}


/* Element des news du site */
.niouze
{
	  background : #efefff;
	  margin : 15px;
	  border-right : 1px #d0d0ff solid;
	  border-top : 1px #d0d0ff solid;
	  border-bottom : 1px #d0d0ff solid;
	  border-left : 10px #d0d0ff solid;
	  font-size : 9px;
}

.niouze h1
{
	  background : #efefff url("images/degrade-titre-blu.jpg") repeat-x top;
	  height : 20px;
	  padding-top : 0px;
	  padding-bottom : 0px;
	  padding-right : 0px;
	  padding-left : 30px;
	  margin-left : 0px;
	  margin-right : 0px;
	  margin-top : 0px;
	  margin-bottom : 10px;
	  font-size : 13px;
	  vertical-align : middle;
}

.partenaires
{
	  border : 2px dotted #225;
	  margin-left : auto;
	  margin-right : auto;
	  margin-top : 10px;
	  margin-bottom : 10px;	  
	  padding : 0px;
	  text-align : center;
	  width : 95%;
	  position : relative;
	  background : #fafaff url("./images/grgrad-blu.gif") repeat-x left top;
}

.partenaires img
{
	  border : 2px dotted #225;
}

.submit
{
	  border : 3px #225 dashed;	 
}

.submit:hover
{
	  background-color : #EEF;
	  border : 3px #225 dashed; 
}

.submit:active
{
	  background-color : #EEF;
	  border-right : 3px #225 dashed;
	  border-bottom : 3px #225 dotted;
	  border-top : 3px #225 dotted;
	  border-left : 3px #225 dashed;	  
}


/* Saisie *********************************/
.selection
{
	  font-family : Verdana, Arial, serif;
	  font-size : 8pt;
	  background : #EFEFFF;
	  border: #000099 ridge 1px;
	  color : #000099;
	  text-align : center;
	  font-variant : small-caps;
}

.selection option
{
	  font-family : Verdana, Arial, serif;
	  font-size : 8pt;
	  background : #efefff;
	  border-top : #fff solid 0px;
	  border-bottom : #fff solid 0px;
	  border-left : #000099 solid 8px;
	  border-right : #000099 solid 2px;
	  color : #000099;
	  text-align : right;
	  font-variant : small-caps;
}

/* bannière du haut */
.topgil
{
	  width : 600px;
	  height : 40px;
	  background : white url("./images/logo-fond-blu.jpg") no-repeat center;
	  margin : auto;
	  text-align : center;
	  position : relative;
	  padding-top : 175px;
	  padding-bottom : 0px;
	  padding-left : 0px;
	  padding-right : 0px;
}

.topnews
{
	  width : 95%;
	  padding : 0px;
	  margin : auto;
	  position : relative;
	  border-top : #225 dotted 2px;
	  border-bottom : #225 dotted 2px;
	  border-left : #225 dotted 2px;
	  border-right : #225 dotted 2px;
	  background : #fafaff url("./images/grgrad-blu.gif") repeat-x left top;

}

.up
{
	  background : transparent url("./images/up-blu.gif") no-repeat left top;
	  width : 42px;
	  height : 60px;
	  position : fixed;
	  right : 0%;
	  top : 50%;
}
.xhtml11
{
	  background : url("./images/xhtml11-blu.jpg") no-repeat center;
	  border : #000 0px;
	  display : inline;
	  padding : 3px;
	  width : 80px;
	  height : 15px;
	  vertical-align : middle;
}


/* Zoom des images ****************/
.zoom
{
	background : transparent;
}

.zoom p 
{
	  text-align : center;
}

.zoom img
{
	  width : 200px;
	  height : 100px;
}

.zoom img:hover
{
	  width : 400px;
	  height : 200px;
}

.zoom2 img
{
	  width : 25%;
	  height : 25%;
}

.zoom2 img:hover
{
	  width : 50%;
	  height : 50%;
}

                         /*Fin*/
						 
/* Apparence par défaut pour le site du GIL */