

/*********************** standard elements ***********************/
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}

/*********************** structure ***********************/
.container {
	background: #eadada ;
	/*border: 1px solid #FF3333;*/
	margin: 0 auto;
	width: 750px;
	height: auto;
	text-align: justify;
	top:0;
	
}

/*********************** header ***********************/
.entete {
	/*background: url(../img/entete_DAD.jpg) no-repeat;*/
	height: 181px;
	margin: 0 auto;
	width: 750px;
	float: top;
}

/*********************** gauche ***********************/
.gauche {
	float: left;
	/*border: 1px solid #FF33FF;*/
}

/*********************** navigation ***********************/
.navigation {
	kabckground: #e69201;
	margin-left: 2px;
	width: 208px;
	height: 100%;
	/*border: 1px solid #FF33FF;*/	
}

.navigation h1 {
	background-color: #b41f08;
	color: #FFF;
	font-size: 1.3em;
	line-height: 20px;
	padding-left: 2px;	
}

.navigation h1 a{
	color: #FFF;
	font-size: 1em;
	line-height: 20px;
	text-decoration: none;
	padding-left: 2px;
}


.navigation ul {margin: 0; padding: 0; }

.navigation li {
	border-bottom: 1px solid #D5E8AD;
	list-style: none;
}

.navigation li a {
	background: #e6c34f;
	color: #553;
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}

.navigation li a:hover {
	background: rgb(248,243,186);
	color: #553;
}

/********************** droite **********************/
.droite {
	background: #eadada;
	font-size: 12px;
	height: 100%;
	float:right;
	padding-right: 5px;
	margin-right: 5px;	
  	/*border: 1px solid #3333FF;*/
}

.paragraphe{
	width: 510px;
	min-height: 500px;
	height: auto !important; /* Pour autre browser */
	height: 500px ; /* Pour IE */
	/*height: auto;*/
	/*border: 1px solid #33FFFF;*/
}

.paragr {
	padding-left: 5px;
	margin-left: 5px;
}

.accueil {
  top: 0px;
  position: relative;
  padding-bottom: 0em;
}
.paragr_accueil {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1.2em;
	padding-top: 1.2em;
	width: 488px;
	border: 1px solid #C4C2AD;		
  top: -5px !important;
  position: relative;	
}
.contenu {
  height:auto;
}

/*** Elements de paragraphes **/
a {
  color: #682;
  font-size: 12px;
  text-decoration: none;
}
a:hover {
  color: #9A6;
  text-decoration: underline;
}

p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

ul {margin-left: 1.2em;}
li {list-style: none;}

h1 {font-size: 1.4em;}
blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
}

blockquote p {padding: 3px 0;}
h1,h2,h3,h4,h5 {color: #654;}

fieldset {
  margin-left: 50px;
  margin-right: 50px; 
  border: rgb(192,16,0) 1px solid;
}
legend {
	background: rgb(192,16,0);
	color: #FFF;
	font-size: 11pt;
	padding-left: 2px;
}
input {
	color: #555;
}
input, select, option {
  background: rgb(248,243,186);
}

.photo{
  text-align: right;
  /*background: rgb(190,190,190);*/
}

.logos {
	text-align:center;
	border: 0px solid #FF9999;
	margin-top: 20px;
	margin-bottom: 15px;
}

.logos a {
  text-decoration: none;
  vertical-align: middle;
}

.clear {
  clear: both;
}

/********************** Réseau ***************************/
.menu_reseau {
  width: 100px;
  height: 25px;
  text-align: center;
  valign: top;
  font-weight: bolder;
  background-image: url(../img/fond_menu_reseau.gif);
  background-repeat: no-repeat;
}
.menu_reseau2 {
  height: 25px;
  text-align: center;
  valign: top;
  font-weight: bolder;
  background-image: url(../img/fond_menu_reseau.gif);
  background-repeat: no-repeat;
}
.menu_reseau a:hover{
  text-decoration: none;
}
.menu_reseau_actif{
  width: 100px;
  text-align: center;
  valign: top; 
  font-weight: bolder;
  background-image: url(../img/fond_menu_reseau_actif.gif);
  background-repeat: no-repeat;
}
.menu_reseau_actif a{
  color: #000;
}
.menu_reseau_actif a:hover{
  text-decoration: none;
  color: #fff;
}
.paragr_reseau {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1.2em;
	padding-top: 1.2em;
	width: 488px;
	border: 1px solid #C4C2AD;		
  /*top: -5px !important;*/
  position: relative;	
}


/********************** footer **************************/
.footer {
	background: url(../img/bgfooter_.gif) repeat-x; 
	color: #FFF;
	font-size: 1em;
	line-height: 40px;
	text-align: center;
	width: 750px;
	clear:both;
	
}
.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}



