/*
//=============================================================================
// DESIGN
//=============================================================================
//
// Auteur: Guillaume Guerin
// fichier: design.css
// Description: css de base qui place les bloks
*/

/*==============================================================================
|| This style sheet describes the typical formatting of all HTML 4.0 elements based
|| on extensive research into current UA practice.
|| 
|| Developers are encouraged to use it as a default style sheet in their implementations.
||
|| The full presentation of some HTML elements cannot be expressed in CSS 2.1,
|| including replaced elements ("img", "object"), scripting elements ("script", "applet"),
|| form control elements, and frame elements.
||
|| http://www.w3.org/TR/CSS21/sample.html
||
==============================================================================*/

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A" }
:before, :after { white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}


/*****************************************************************************************
|| =======================================================================================
||
|| FIN DU CSS DEFAULT POUR PLUS DE COMPATIBILITER
||
|| ========================================================================================
/******************************************************************************************/


html
{
	color: black;
	
	/*
		On defini la police de caractaire de base, taille, ect...
	*/
	font-size: 1.05em;
	font-family: font-family:'Trebuchet MS',Verdana,Tahoma,sans-serif;
	background-color: rgb(234,234,234);
	margin: auto;
}

body
{
   background-color: rgb(234,234,234);
   width: 900px;
   margin: auto;
   
}

#super_div
{
	/*width: 80%;*/
	/*min-width: 800px;/*800*600 -> résolution mini,,, donc 760 passe partout.*/
	height: 100%;
 /* min-height: 800px;*/
	width: 800px;/*
	min-height: 1000px;
	min-width: 800px;*/
	margin: auto; /*Centre la page*/
	
	/*
		évite de coller avec le haut ou le bas du navigateur
	*/
	margin-top: 15px;
	margin-bottom: 15px;
	
	/*
		Couleur du font:
	*/
	background-color: rgb(234,234,234);
	
	/*
		On rajoute un cadre a la page.
		rapelle:
			- none, aucune bordure,
			- dotted, bordure en pointillé (sauf internet explorer),
			- dashed, bordure en tirets (sauf internet explorer),
			- solid, bordure continue,
			- double, bordure en double trait,
			- groove, bordure en creux,
			- ridge, bordure en saillie,
			- inset, bordure en 3d lumière basse,
			- outset, bordure en 3d lumière haute,
			- inherit, hérite de son parent (css 2).
	*/
	/*border: 4px double rgb(80,80,80);*/
}

a
{
	color: rgb(75,75,200);
	text-decoration: none;
}

a:hover
{
	color: rgb(75,75,75);
	text-decoration: underline;
}


#entete
{
	border: 1px solid black;
	
	background: rgb(46,46,46);
	
	margin: 1%;
	padding: 5px;
	
	color: white;
	
	-khtml-border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	
	/*border: 4px groove gray;*/
}

#entete a 
{
  color: white;
  text-decoration: none;
  font-style: normal;
  text-align: center;
}

#entete a:hover
{
  text-decoration: underline;
  font-style: italic;
}


#bandrole img
{
	width: 750px;
	height: 209px;
	margin-left: 15px;
	margin-top: 5px;/*
	padding-left: 12%;*/
}

#option
{
	height: 60px;
	width: 90%;
	margin: auto;
	border-top: 1px solid white;
}

#bienvenu
{
	padding-left: 3%;
	padding-right: 15%;
	width: 50%;
	float: left;
}

#connexion
{
	float: right;
	width: 30%;
}

#menu_corps
{
	width: 100%;
	margin: auto;
	padding-top: 8px;
	height: 80%;

}

#menu
{
	float: left;
	width: 20%;
	margin-top: 20px;
	margin-left: 5px;
	color: rgb(255,255,255);
	background-color: rgb(150,150,150);
	font-weight: bold;
	
	font-size: 1em;
	border: 2px groove rgb(100,100,100);
	-khtml-border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
}

#menu table
{
  width: 100%;
}

#menu a
{
  text-decoration: none;
  color: rgb(250,250,250);
}

#menu td
{
  text-align: center;
  border-top: 1px solid rgb(109,133,188);
  border-bottom: 1px solid rgb(109,133,188);
  
  -khtml-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
}

#menu td:hover
{
  background-color:rgb(150,150,150);
}

#menu td:hover a
{
  color: rgb(80,80,255);
}


.element_menu
{
	background-color: rgb(46,46,46);
	
	margin: 5px;
	border: 2px white double;
	
	-khtml-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
}

	
#corps
{
  color: rgb(30,29,87);
  font-weight: bold;
  font-family: tahoma, Verdana, serif;
	width: 560px;
	margin-top: 20px;
	margin-right: 1%;
	margin-left: 180px;
	margin-bottom: 5px;
	height: 500px;
	
	background-image: url("../images/logo.jpg");
	background-color: rgb(255,255,255);
	background-attachment: scroll;
	
	overflow: scroll;
	border: 8px double rgb(100,100,100);
	padding-left: 30px;
	
	-khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

#corps .hr
{
  width: 75%;
  display: block;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  height: 8px;
}


#corps h1, #corps h2, #corps h3, #corps h4, #corps h5
{
  text-decoration: underline;
}


#corps h1, #corps h2, #corps h3, #corps h4, #corps h5
{
  text-align: center;
}

#corps hr
{
  width: 75%;
  height: 0px;
  border: 0px;
  border-bottom: 1px dashed rgb(100,150,220);
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}

.admin textarea
{
	width: 80%;
	height: 300px;
}

#membre
{
  float: left;
  width: 40%;
  margin-left: 10%;

}

#nonInscrit
{
  width: 40%;
  float: left;
  padding-left: 50px;
}

.left
{
  width: 200px;
  height: 250px;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
   margin-bottom : 30px;
}

.rigth
{
  width: 200px;
  height: 250px;
  float: right;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom : 30px;
}

.mure img
{
  margin: auto;
  max-width: 530px;
  max-height: 244px;
}

#pied_de_page
{
  font-size: 0.9em;
  width: 800px;
  margin: auto;
  height: 20px;
  color: white;
}

#pied_de_page table
{
  width: 800px;
  
}

#pied_de_page a 
{
  color: white;
  text-decoration: none;
  font-style: normal;
  text-align: center;
}

#pied_de_page a:hover
{
  text-decoration: underline;
  font-style: italic;
}

#pied_de_page td
{
  text-align: center;
  border: 3px solid rgb(100,100,100);
  background-color: rgb(50,50,50);
  font-weight: bold;
  
  -khtml-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
}

#pied_de_page td:hover
{
   background-color: rgb(150,150,150);
}

#pied_de_page td:hover a
{
  color: rgb(80,80,255);
}

#Alerte_IE
{
  font-size: 1em;
  color: red;
  font-family: sans-serif;
  
	margin-top: 10px;
	margin-right: 1%;
	margin-left: 180px;
	margin-bottom: 5px;
	background-color: rgb(234,234,234);
	padding-left: 10px;
	border: 2px double red;
	width: 500px;
}

.calandrier ul
{
  list-style-type: none;
   list-style-position: inside;
}

.calandrier
{
  width: 450px;
  height: 280px;
  font-size: 1.2em;
  margin: auto;
  border: 10px  grooved rgb(120,120,220);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.calandrier caption
{
  padding-top: 50px;
  padding-bottom: 10px;
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.calandrier td
{
   border-width:1px;
   border-style:solid; 
   border-color:blue;
   -khtml-border-radius: 9px 9px 9px 9px;
  	-moz-border-radius: 9px 9px 9px 9px;
 }
 
 .calandrier td p
 {
  display: inline;
  padding-left: 20px;
 }
 
 .calandrier td:hover
 {
    background-color: rgb(200,200,255);
    color: rgb(80,80,255);
 }
 

 .caseBD td
 {
    background-color: rgb(50,50,255);
    color: rgb(30,30,255);
 }
 
 .caseBD a
 {
  font-size: 1.1em;
    color: rgb(0,0,255);
 }

.formulaire
{
	font-weight: bold;
  color : black;
  border : 1px dashed rgb(120,120,220);
  font-size: 1.1em;
  background:none;
  background: transparent;
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
  
}

.formulaire:hover
{
	font-weight: bold;
  color : blue;
  border : 1px dashed rgb(120,120,220);
  font-size: 1.1em;
   background:none;
  background: transparent;
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

#livre_or
{
-khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	background-color: rgb(136,117,84);
	width: 80%;
	padding: 5px;
	border : 1px dashed rgb(120,120,220);
	margin: auto;
}

#livre_or p
{
	margin: auto;
	margin-top: 8px;
	border : 1px dashed rgb(120,120,220);
	-khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

#livre_or strong
{
	text-decoration: underline;
}

textarea
{
	width: 90%;
  font-weight: bold;
  color : blue;
  border : 1px dashed rgb(120,120,220);
  font-size: 1.1em;
   background:none;
  background: transparent;
}

fieldset
{
  max-width: 500px;
  border: 1px dashed rgb(150,150,150);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.inline
{
  display: inline;
}

#video img
{
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 30px;
  -khtml-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}


#photo img
{
  width: 140px;
  height: 140px;
  float: left;
  margin-right: 30px;
  -khtml-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}

#document img
{
  width: 140px;
  height: 140px;
  float: left;
  margin-right: 30px;
  -khtml-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}

#topo img
{
 width: 140px;
  height: 140px;
  float: left;
  margin-right: 30px;
  -khtml-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}



.news h6
{
  text-align: center;
  font-size: 1em;
}



/*

CLASS PRE DEFINIT



*/

.petit
{
  font-size: 0.8em;
}


.forum
{
  border : 8px solid rgb(200,200,200);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	text-align: center;
	font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
}

.forum tr
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  min-height: 60px;
  text-align: center;
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	width: 360px;
}

.forum_table
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  text-align: center;
  width: 410px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: 50px;
}

.forum th
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  font-size: 2em;
}

.forum td, .forum th, .forum tr
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  color: rgb(100,100,200);
  text-align: center;
  border : 3px solid rgb(30,30,150);
  background-color: rgb(200,200,255);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	max-width: 360px;
}

.forum_separ td, .forum_separ tr
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  font-size: 1.4em;
  color: rgb(200,200,255);
  background-color: rgb(64,0,128);
  text-align: center;
  border : 2px solid rgb(120,120,220);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	max-width: 360px;
}

.forum_separe td, .forum_separe tr
{
  font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  color: rgb(200,200,255);
  font-size: 0.9em;
  background-color: rgb(64,0,128);
  text-align: center;
  border : 2px solid rgb(120,120,220);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	max-width: 360px;
}

.forum_profil
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  background-color: rgb(210,230,242);
  color: rgb(58,77,139);
  text-align: center;
  border : 1px solid rgb(120,120,220);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	font-size: 0.80em;
	max-width: 85px;
}

.forum_discution
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  text-align: center;
  border : 1px solid rgb(120,120,220);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
  background-color: rgb(66,82,157);
  max-width: 360px;
}

.forum_discution a
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  color: rgb(255,255,255);
  text-decoration: none;
  max-width: 360px;
}
/*
#menu td:hover a
*/
.forum_discution:hover
{
  background-color: rgb(106,122,197);
  border : 2px solid rgb(160,160,255);
}

.forum_discution:hover a
{
  color: rgb(200,200,255);
  text-decoration: underline;
  font-size: 1.1em;
}

.forum_description td, .forum_description tr, forum_description
{
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  background-color: rgb(204,204,255);
  text-align: center;
  border : 1px solid rgb(120,120,220);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	color: rgb(58,77,139);
	max-width: 360px;
	text-align: left;
}

.forum_description td p
{
  display : inline;
font-family: "Kristen ITC",Calibri, tahoma, Verdana, serif;
  padding-left: 10px;
  width: 350px;
  font-size: 0.9em;
  /*overflow: scroll;*/
}


.mini
{
  width: 100px;
  height: 100px;
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.mini a
{
  text-decoration: none;
}

.galerie_moyen h3
{
    display: inline;
}

.galerie_moyen
{
  margin: auto;
  max-height: 475px;
  max-width: 475px;
}


.galerie_petite
{
  margin: auto;
  text-align: center;
   font-size: 0.6em;
}

.galerie_petite td, .galerie_petite tr, .galerie_petite table, .galerie_petite
{
  border : 3px solid rgb(230,230,255);
    -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.galerie_petite td:hover
{
  border : 3px solid rgb(180,180,255);
    -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.galerie_petite td:hover a
{
  	color: rgb(90,90,255);
}

.galerie_petite td a
{
  color: grey;
}

.galerie_choix
{
  margin: auto;
  text-align: center;
   font-size: 1em;
}


.galerie_choix td, .galerie_choix tr, .galerie_petite choix, .galerie_choix
{
  border : 3px solid rgb(230,230,255);
    -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.galerie_choix td:hover
{
  border : 3px solid rgb(180,180,255);
    -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.galerie_choix td:hover a
{
  	color: rgb(90,90,255);
}

.galerie_choix td a
{
text-decoration: none;
  color: grey;
}

.galerie_moyen1 a
{
  text-decoration: none;
  color: grey;
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.galerie_moyen1 a:hover
{
  text-decoration: none;
  color: blue;
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.galerie_moyen1
{
  border: 1px solid rgb(200,200,255);
  -khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
}

.galerie_moyen1:hover
{
-khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
  border: 1px solid rgb(100,100,255);
  background-color: rgb(200,200,255);
}

.speudo
{
  font-size: 0.8em;
}