/*--------------------- CSS OREEDUTEC.COM ---------------------------*/
/*------------------- Copyright AG CREATIONS ------------------------*/
/*---------------------------- 2007 ---------------------------------*/

* {margin: 0;padding:0;border: 0;}
html, body {margin:0;padding:0;text-align: center;}
.hide {	display: none;}
img {border:0;}


p { font-size:12px; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif;}
p a {color:#3F3F3F; text-decoration:none; font-weight:bold;}
p a:hover {color:#3F3F3F; text-decoration: underline;}
#gauche .align_right {text-align:right; }

h1 {font-size: 1px;  text-indent: -9000px;}


body{
	font-family: Verdana, Helvetica, sans-serif; font-size:11px;
	text-align:center;
	background-color :#2A8647; 
}	

.conteneur{
	position:relative;
    width:1000px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
}

#background_wrapper{
  background:#2A8647 url("../gfx/background.jpg") center top no-repeat;
  float: left;
}

/*partie du haut--------------------------------------
-----------------------------------------------------*/

#header{float:left; width:1000px; height: 188px; background :#fff url('../gfx/header.jpg') right no-repeat; 	}

#header h1 {
	position: relative; float:left; left:50px; margin-top:10px;
	width:225px; height:135px;
	background : url('../gfx/logo-oreedutec2.gif') no-repeat;	}
#header h1 a{
  display: block;position: relative;
  font-size: 1px;  text-indent: -9000px;height:135px;
	background : url('../gfx/logo-oreedutec1.gif') no-repeat;	}
#header h1 a:hover{background: transparent none;}

/*construction--------------------------------------
-----------------------------------------------------*/
#contenu { position:relative; float:left;
left:5px; 
background: #fff  url("../gfx/menu.jpg") top left no-repeat;
} 

#contenu_plus{ position:relative; float:left;left:44px; background-color:#fff; width:913px; }  
  
/*menu-----------------------------------------------
-----------------------------------------------------*/
#menu{
float:left;padding-left:351px;
margin-top:0px;
}

#menu li ul{ visibility:hidden; list-style: none; }
#menu ul{list-style:none;}

#menu-qui, #menu-agenda, #menu-adherent, #menu-membre, #menu-lien  {
float:left; 
font-size: 1px;  text-indent: -9000px;
width:203px;
}

#menu-qui {background : url('../gfx/menu_qui2.jpg') no-repeat;	width: 145px;height : 62px;}
#menu-qui a{
  display: block;float : left; 
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/menu_qui1.jpg') no-repeat;}
#menu-qui a:hover{background: transparent none;}

#menu-agenda {background : url('../gfx/menu_agenda2.jpg') no-repeat;width: 81px;height : 62px;	}
#menu-agenda a{
  display: block;float : left;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/menu_agenda1.jpg') no-repeat;}
#menu-agenda a:hover{background: transparent none;}

#menu-adherent {background : url('../gfx/menu_adherent2.jpg') no-repeat;width: 125px ;height : 62px;}
#menu-adherent a{
  display: block;float : left;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/menu_adherent1.jpg') no-repeat;}
#menu-adherent a:hover{background: transparent none;}

#menu-membre { background : url('../gfx/menu_membre2.jpg') no-repeat;width: 131px;height : 62px;}
#menu-membre a{
  display: block;float : left;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/menu_membre1.jpg') no-repeat;}
#menu-membre a:hover{background: transparent none;}

#menu-lien { background : url('../gfx/menu_lien2.jpg') no-repeat;width:69px;height : 62px;}
#menu-lien a{
  display: block;float : left;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/menu_lien1.jpg') no-repeat;}
#menu-lien a:hover{background: transparent none;}



/*Contenu--------------------------------------------
-----------------------------------------------------*/

#gauche{background-color:#F5F2E9;
float:left; position:relative;
width:351px; padding-bottom:15px; }

#gauche p{padding:0 13px 0 13px; text-align:justify; color:#333333;}
#gauche p em {font-style:normal;color:#2A8647;}

#gauche li {margin-top:10px;margin-left :30px; }
#gauche ul { list-style: none;width:340px; }

#gauche ul li {
display:block;
margin: 2px 0 0 13px;
padding: 0 0 0 15px; 
background: url('../gfx/fleche1.jpg') left top no-repeat;
font-size:12px; 
vertical-align:top;
}
#gauche ul li a { text-decoration:none; font-weight:bold;color:#3F3F3F;}
#gauche ul li a:hover {text-decoration:underline;}



#droite{background-color:#fff;
float:left; position:relative;
width:551px; }

#droite2, #droite3, #droite4{background-color:#D2E0CD;
float:left; position:relative;
width:551px; padding-bottom:10px; }

#fondsite {background:#fff url("../gfx/fondsite.gif") repeat-y; height:auto; float:left;}

/*--------------------------------------------------
Page accueil---------------------------------------
---------------------------------------------------*/
#gens{ 
height:182px; width:551px;
font-size:1px; margin-bottom:10px;
text-indent:-9000px;
 background:#fff url("../gfx/accueil-gens.jpg") no-repeat;
 }


#gens dt a{ 
display: block;font-size:1px; 
text-indent:-9000px;width: 140px; height: 20px;
position: relative;
top:160px; left:378px;
}

/*formulaire---------------------------------------*/
#form_accueil{float:left; 
background-color:#D5E5D8;
height:60px; width:551px;
margin-bottom:10px;}

fieldset {
 border: 0 none;	
 margin: 0; 
 padding: 0;
}	

legend {display: none;}

label {
 font: bold 11px Arial, Helvetica, sans-serif; 
 color: #333;
}

select, 
input, 
textarea {
 font: 11px Arial, Helvetica, sans-serif; 
 color: #333;
}

/*connect membre accueil-----------------------------------------*/

#connect {margin: 10px 15px 0 15px;}
#connect fieldset {border: 0 none;}
#connect legend {display: none;}
#connect label {display: none; }
#connect span {display: none;}


#connect p.error {
 width: 104px;
 padding: 3px 0 3px 10px;
 color: #e7eff5;
 font-size: 11px;
 font-weight: bold;
}

#connect .field { 
float:left;
 width: 144px;
 height: 24px;
 margin: 0 5px 0 0;
 background: #fff url('../gfx/input-field2.gif') no-repeat 0 0;
}

#connect input {
 font-size: 11px;
 border: 1px solid #fff;
 float: left;
 margin: 5px 0 0 5px;
}

#connect #login{
 height: 24px;
 border: 0 none;
 display: block;
 cursor: pointer;
 float: left;
}

#connect #login {width: 100px; background: transparent url("../gfx/btn-login2.gif") no-repeat 0 0;}
#connect #login:hover{background-position: 0 -24px;}


/*accueil actu et journal-----------------------------------------*/
#acc_actu {
background-color:#D3E4D4;
float:left; position:relative;
width:390px;height:149px;}

#acc_journal {
background-color:#C0D8C2;
float:left; position:relative;
width:161px; height:149px;}
	
#acc_actu p, #acc_journal p{ margin: 5px 10px 10px 10px; }
#acc_actu p span {color:#2A8647}

#acc_journal img { vertical-align:middle;  }
#acc_journal p {text-align:left; }

/*accueil bouton-----------------------------------------*/
#acc_btn {float:left; position:relative; margin : 0 0 20px 0px;background-color:#FFFFFF;width:913px; }


#acc_btn li  ul{ visibility:hidden; list-style: none; }
#acc_btn ul{list-style:none;}


#acc-btn-membre {background : url('../gfx/acc-btn-membre2.jpg') no-repeat;
	width: 143px;height : 29px; float:left; position:relative; left:15px; top:15px;}
#acc-btn-membre a{
  display: block;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/acc-btn-membre.jpg') no-repeat;}
#acc-btn-membre a:hover{background: transparent none;}

#acc-btn-agenda {background : url('../gfx/acc-btn-agenda2.jpg') no-repeat;	
width: 246px;height :45px; float:left;position:relative; left:360px;}
#acc-btn-agenda a{
  display: block;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/acc-btn-agenda.jpg') no-repeat;}
#acc-btn-agenda a:hover{background: transparent none;}

#acc-btn-journal {background :#fff url('../gfx/acc-btn-journal2.jpg') no-repeat;	
width: 111px;height :29px; float:left; position:relative; left:408px; top:15px;}
#acc-btn-journal a{
  display: block; 
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/acc-btn-journal.jpg') no-repeat;}
#acc-btn-journal a:hover{background: transparent none;}

/*Qui sommes nous --------------------------------------------*/
#qui_inscrire{font-size: 1px;  text-indent: -9000px;margin:30px 0 10px 10px;}

#qui_inscrire {background : url('../gfx/qui_inscrire2.jpg') no-repeat;width: 198px ;height : 27px;}
#qui_inscrire a{
  display: block;float : left;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/qui_inscrire.jpg') no-repeat;}
#qui_inscrire a:hover{background: transparent none;}
#gauche #pdf {font-size:11px; text-align:left;}


#droite2 p, #droite3 p, #droite4 p {margin-left:10px;margin-right:10px;}
#droite2 p strong{ font-weight:bold; color:#2A8647; background: url("../gfx/fleche2.jpg") left no-repeat; padding-left:15px;}
#droite2 p strong a{ color:#2A8647;}
#droite2 p em {font-size:11px; font-style:normal;}


/*adherent --------------------------------------------*/
#adherent_btns {font-size: 1px;  text-indent: -9000px; width:341px;margin:15px 10px 25px 10px; }


#adherent_btn-ent {background :#F5F2E9 url('../gfx/adherent_btn-ent2.jpg') no-repeat; 
	width: 125px;height : 20px; margin-top:10px;}
#adherent_btn-ent a{
  display: block;float : left;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%; padding-right:10px;
	background : url('../gfx/adherent_btn-ent.jpg') no-repeat;}
#adherent_btn-ent a:hover{background: transparent none;}

#adherent_btn-com {background :#F5F2E9 url('../gfx/adherent_btn-com2.jpg') no-repeat;margin-top:10px;
width: 188px;height :20px; }
#adherent_btn-com a{
  display: block;float : left;
  font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/adherent_btn-com.jpg') no-repeat;}
#adherent_btn-com a:hover{background: transparent none;}

#adherent_btn-lib {background :#F5F2E9 url('../gfx/adherent_btn-lib2.jpg') no-repeat;
width: 226px;height :20px; margin-top:10px;}
#adherent_btn-lib a{float : left;
  display: block;   font-size: 1px;  text-indent: -9000px;
width: 100%;height : 100%;
	background : url('../gfx/adherent_btn-lib.jpg') no-repeat;}
#adherent_btn-lib a:hover{background: transparent none;}

#adherent_present a{color:#000000; font-weight:bold; text-decoration:none;}
#adherent_present a:hover {text-decoration: underline;}


#adherent_present { width:531px; 
clear: both;margin-left:10px;
margin-right:10px;font-size:12px; 
text-align:justify; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*membre --------------------------------------------*/
#droite4 h3 {font-size:15px; padding : 15px 0 10px 10px}

input#site_web { width:200px;}

/*actu --------------------------------------------*/


#gauche li em{font-size:11px; font-style:normal;
color:#2A8647;}

.article{margin :20px 0 20px 0;}
.article img {float:left; padding-right:5px;}
.article h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding-left:10px;margin-bottom:5px;}
.article_date {color: #ff0000; font-weight: bold;   }
#droite2 .article p em{ font-style:italic; font-size:12px;}
#droite2 .article p strong{color:#000000; background:none; padding:0px;}

#droite2 .article li {font-weight:bold; color:#2A8647; background: url("../gfx/fleche2.jpg") left no-repeat; padding-left:15px;margin-top:10px;}
#droite2 .article li a {color:#2A8647;}

/*contact --------------------------------------------*/
#contact { width:450px;}

#contact input, #contact textarea,  #contact select {
background-color:none;
font-size: 12px;
}

input:focus, textarea:focus {
background-color: #fff;
border-color: #000;
}

#contact textarea {
width: 330px;
height: 70px;
}

.form p{
  float: left;
  width: 100%;
}

#contact label{
	float:left;
	text-align:left; width: 25%;
	padding: 0 2px 0 0;margin:3px 0px; font-weight:bold;}
input#nom, input#email {width: 200px;}
input#sujet, textarea#message {width: 300px;}
/* anti spam */
#form_subject{
  display: none;
}

input.envoyer{
 cursor:pointer;width: 63px;height: 20px;
 background: url("../gfx/envoyer.gif") bottom no-repeat;border: 0px none; 
padding :5px 0 0 0; margin-left:115px; }

/*titres --------------------------------------------------*/
#titre-acc_journal {
	width:136px; height:37px;font-size: 1px;  text-indent: -9000px;
	background : url('../gfx/titre_acc-journal.jpg') no-repeat;}
	
#acc_bienvenue,#acc_membre, #titre-acc_actu, #titre-qui, #titre-agenda, #titre-adherent, #titre-lien, #titre-membre, #titre-contact, #titre-inscript, #titre-actu  {
	width:351px; height:44px;font-size: 1px;  text-indent: -9000px;}
	
#acc_bienvenue  {	background : url('../gfx/titre_acc_bienvenue.jpg') no-repeat;}
#acc_membre {margin-top:36px;background : url('../gfx/titre_acc_membre.jpg') no-repeat;}
#titre-acc_actu {	background : url('../gfx/titre_acc-actu.jpg') no-repeat;}
#titre-qui	{	background : url('../gfx/titre_qui.jpg') no-repeat;}
#titre-agenda {	background : url('../gfx/titre_agenda.gif') no-repeat;}
#titre-adherent {background : url('../gfx/titre_adherent.gif') no-repeat;}	
#titre-lien {	background : url('../gfx/titre_lien.gif') no-repeat;}
#titre-membre {	background : url('../gfx/titre_membre.gif') no-repeat;}
#titre-contact {background : url('../gfx/titre_contact.gif') no-repeat;}
#titre-inscript {background : url('../gfx/titre_inscription.gif') no-repeat;}
#titre-actu {background : url('../gfx/titre_actu.gif') no-repeat;}

#inattendu-titre, #qui-titre, #adherent-ent, #adherent-com, #adherent-lib, #adherent-un, #cat_lien1, #cat_lien2, #cat_lien3, #contact-titre, #inscript-titre {width:307px; height:36px;font-size: 1px;  text-indent: -9000px;}

#inattendu-titre {	background : url('../gfx/inattendu-titre.gif') no-repeat;}
#qui-titre {background : url('../gfx/qui_titre.gif') no-repeat;}		
#adherent-ent {background : url('../gfx/adherent_ent.gif') no-repeat;}	
#adherent-com {background : url('../gfx/adherent_com.gif') no-repeat;}	
#adherent-lib {background : url('../gfx/adherent_lib.gif') no-repeat;}	
#adherent-un {background : url('../gfx/adherent_un.gif') no-repeat;}	
#cat_lien1 {background : url('../gfx/lien_region.gif') no-repeat;}	
#cat_lien2 {background : url('../gfx/lien_nat.gif') no-repeat;}	
#cat_lien3 {background : url('../gfx/lien_diver.gif') no-repeat;}	
#contact-titre{background : url('../gfx/contact_titre.gif') no-repeat;}	
#inscript-titre{background : url('../gfx/inscript_titre.gif') no-repeat;}	
	

#droite2 h4 {font-size:15px; font-weight:bold;color:#000; margin:15px 0 5px 11px; text-decoration:underline; }
#droite2 h5 {font-size:13px; font-weight:bold;color:#000; margin:0 0 5px 11px;  }
	
#gauche img {float:left; padding:0 5px 0 0;}

#droite3 h3 {margin-bottom:10px;}
#droite3 h4 {font-size:15px; font-weight:bold;color:#2A8647;margin:15px 0 5px 11px;}
#droite3 img{float:left; padding-left:10px; padding-right:10px;}

#droite2 li {margin-top:10px;margin-left :30px; }
#droite2 ul { list-style: none;width:450px; }

#droite2 ul li {
display:block;
margin: 2px 0 0 13px;
padding: 0 0 0 15px; 
background: url('../gfx/fleche2.jpg') left top no-repeat;
font-size:12px; 
vertical-align:top;
}
#droite2 ul li a { text-decoration:none; color:#3F3F3F; }
#droite2 ul li a:hover {text-decoration:underline;}


/* footer-----------------------------------------*/
#footer1 {float:left; position:relative;
background:#FFF url('../gfx/footer1.gif') repeat-x;
width:903px; height:47px;
left:5px; 
 }

#footer1 p{ text-align:center; font-size:11px;padding-top:8px;}


#footer2 {float:right; position:relative;
width:903px; height:47px;
 }
 
#footer2 p {text-align:left; color:#fff; padding:5px 0 0 490px;} 
#footer2 a {color:#fff;}
#footer2 a:hover {color:#fff;}

#footer2 img {vertical-align:middle}

/* Messages d'erreur et de confirmation */
.notification_box, .erreur_box{
  text-align: center;
  width: 100%;
}
.notification_box p, .erreur_box p{
  margin: 15px auto 20px auto;
  width: 400px;
  border: 2px solid #fff;
  padding: 3px;
  text-align: center;
  
}

.notification_box p{background: #6F9025;color:#fff; font-weight:bold;}
.erreur_box p{}

.erreur_box p{
  color:#000000;
  border: 2px solid #f00;
font-weight:bold; font-style:italic; color:#FF0000; text-align:center; font-size:11px;
}