/* Layout */

body{
  margin:0 auto 0 auto;
  padding:0;
  text-align:center;
  width:950px;
  background: #dfe0d4 url(images/body_background.gif) 0 0 repeat-x;
}


body, div, td, th, p, a, select{
  font-size:12px;
  font-family:Verdana,Arial,Helvetica;
  color:#000000;
}

div#left{
  float:left;
  width:180px;
  background: #DCE1EC;
  min-height: 400px;
  padding: 10px 10px;
}

body#quiSommesNous div#left ul#menuitems a#menu_quiSommesNous,
body#projets div#left ul#menuitems a#menu_projets,
body#nousjoindre div#left ul#menuitems a#menu_nousjoindre,
body#renseignement div#left ul#menuitems a#menu_renseignement,
body#salleDePresse div#left ul#menuitems a#menu_salleDePresse
{
  color:#435A8C;
  font-size: 125%;
  text-decoration: underline;
}

a#menu_quiSommesNous,
a#menu_projets,
a#menu_nousjoindre,
a#menu_renseignement,
a#menu_salleDePresse{
  line-height: 120%;
}

a#menu_quiSommesNous li,
a#menu_projets li,
a#menu_nousjoindre li,
a#menu_renseignement li,
a#menu_salleDePresse li{
  line-height: 120%;
  
}

ul#menuitems li.sous_menu{
  font-size:80%;
  line-height: 120%;
  list-style: none;
}

div#left ul#menuitems > li{
  margin: 15px 0px 0px 0px;
}

div#left ul#menuitems > li:first-child{
  border:0;
}

div#left ul#menuitems li.sous_menu{
  font-size:80%;
  margin:10px 0px 0px -20px;
}

div#left ul#menuitems li.last{
  padding:0 0 0px 0;
}


div#left ul#menuitems li a{
  color: #1c70bb;
}

div#left ul#menuitems > li a{
  font-size:120%;
  
}

a:link{
  color: #0000CC; text-decoration:none;
}
a:visited{
  color: #0000CC; text-decoration:none;
}
a:hover{
  color: #0000CC; text-decoration:underline;
}

h1{
  font-size:160%;
  font-family:Garamond,Georgia,Helvetica;
  color:#004990;
  margin: 0 0 10px 0;
  
}

h2{
  font-size:120%;
  margin: 0 0 10px 0;  
}

h3{
  font-size:80%;
  margin: 0 0 0px 0;
  
}

div#border {
background: url(images/background_border.gif) 0 0 repeat-x;
width: 790px;
position: relative;
text-align:center;
margin:0 auto 0 auto;
}


div#frame{
 position:relative;
 width:720px;
 text-align:left;
 background: #f8f8f6 url(images/background_frame.jpg) 0 0 no-repeat;
 border:1px solid #adc2a1;
 color:#000000;
 overflow:hidden;
 padding: 0 15px 0 15px;
 border-bottom: 0;
 margin:0 auto 0 auto;
 vertical-align: top;
}

div#bienvenue{
border-right: 1px solid #dde3d2;
width: 330px;
float: left;
margin-right: 15px;
padding-right: 15px;
line-height: 140%;
}

div#nouvelle {
  height: 400px;
  line-height: 140%;
}

img{
margin: 10px;
border: 0px solid #000000;
}

img#gaia{
  display: block;
  float: right;
  margin-right: 140px;
}

div#bloc1{
border-bottom: 1px solid #dde3d2; 
}

div#calendrier{
border-right: 1px solid #dde3d2;
width: 215px;
float: left;
margin-right: 15px;
height: 350px;
line-height: 140%;
}

div#agir {
  height: 350px;
  line-height: 140%;
}

div#bloc2{
border-bottom: 1px solid #dde3d2;
padding-left: 155px;
}


ul#menu_rapide li{
float: left;
font-size: 80%;
list-style: none;
}

ul#menu_rapide li a{
font-size: 100%;
}

ul#menu_rapide{
float: right;
margin: 2px 70px 10px 0;
}

ul#menu li{
float:left;
height:30px;
background:url(images/ong_bleu_bleu.gif) right 0 no-repeat;
width:150px;
}

ul#menu li a{
margin: 0 37px 0 0;
background:#435a8c;
border-top: 1px solid #ffffff;
display:block;
height:29px;
font-size:90%;
line-height:29px;
color:#ffffff;
text-align:center;
}
ul#menu li span{
height:30px;
}

ul#menu {
  position: absolute;
  top: 231px;
  left: 15px;
  list-style: none;
  margin: 0; 
  padding: 0;
}

ul#menuitems {
  list-style: none;
  margin: 0; 
  padding: 0;
}

ul#menu_rapide2{
  margin: 10px;
  text-align: center;
  
}

ul#menu_rapide2 li{
display:inline;
font-size: 90%;
}

ul#menu_rapide2 li a{
color: #435a8c;
font-size: 100%;
}

body#index div#content{
background: #ffffff url(images/background_footer.jpg) left bottom no-repeat;
padding: 35px;
width:680px;
}

div#content{
border: 1px solid #435a8c;
float:left;
background: #FFFFFF;
}

body#quiSommesNous div#content,
body#projets div#content,
body#salleDePresse div#content
{
width:720px;
}

div#header {
background: url(images/background_header.jpg) 0 0 no-repeat;
height: 260px;
vertical-align: top;

}

div#basGauche{
  float: left;
  margin: 10px 0 70px 0;
  width: 50%;
 /* border: 1px solid #000;*/
}

div#logos_partenaires {
margin: 10px 0;
text-align: right;
width: 50%;
/*border: 1px solid #000;*/
float: right;
}

div#logos_partenaires img{
  vertical-align: middle;
  
}

div#communique {
width: 195px;
border: 1px solid #2f3f6a;
padding: 8px;
position: absolute;
top: 665px;
left: 5px;
background: #ffffff;
z-index: 1;
}

div#communique a{
  color: #FFCC00;
}

div#communique1 {
cursor: pointer;
background: url(images/background_communique.jpg) 0 0 no-repeat;
border:1px solid #687892;
color:#000000;
padding:0 10px 10px;
height: 289px;
}

div#communique1 div {
  color:#000000;
}

div#communique div h1,div#communique div  p{
color:#000000;
}

img#logo_agricom{
border: 0;
}

body#index li#li_index a#a_index,
body#quiSommesNous li#li_qui a#a_qui,
body#projets li#li_projets a#a_projets,
body#salleDePresse li#li_presse a#a_presse{
background:#FFFFFF;
color:#435a8c;
border-top:1px solid #435a8c;

}

body#index li#li_index a#a_index {
border-left:1px solid #435a8c;
}

body#index li#li_index,
body#quiSommesNous li#li_qui,
body#projets li#li_projets,
body#salleDePresse li#li_presse{
  background: url(images/ong_blanc_bleu.gif) right top no-repeat;
}

body#quiSommesNous li#li_accueil,
body#projets li#li_qui,
body#salleDePresse li#li_projets{
  background: url(images/ong_bleu_blanc.gif) right top no-repeat;
}

ul#menu li#li_presse{
  background:url(images/ong_fin_bleu.gif) right 0 no-repeat;
  color:#435a8c;
}

body#salleDePresse ul#menu li#li_presse{
  background:url(images/ong_fin_blanc.gif) right 0 no-repeat;
}

form#search{
  position: relative;
  top: 180px; 
  margin:0px 0 0 340px;
  width:240px;
  font-size:90%;
  color:#004990;
}

form#search input[type=image]{
	float:right;
}

/* ################### */
/* Pour la page type */

div#content_type{
  border-top:1px solid #004990;
  margin:20px 5px 0 5px;
  padding-top:5px;
  position:relative;
  float:left;
  background: url(images/background_content_type.gif) 0 0 repeat-y;
  vertical-align:top;
}


div#right{
  margin-left:210px;
  background: #ffffff url(images/background_content.jpg) 0 0 no-repeat;
  width:495px;
  min-height:400px;

}

div#right table, td{
  font-size: 10px;
}

div#bkgd_footer_type{
  background: url(images/background_footer_type.jpg) -4px 0 no-repeat;
  bottom:0pt;
  clear:both;
  height:131px;
  width:368px;
}

/* ################### */
/* classe pour les photos télécharger */
img.vignette{
  margin: 5px 10px 4px 0;
  
}

img.vignetteDroite{
  margin: 0px 0px 4px 10px;  
}

div.legendeVignette{
    margin: 0px 10px 5px 0px;
    font-size: 9px;
    color: #435A8C;
}


/* css pour le texte du détail */
div#cadreDetail {
  padding: 30px 10px 130px 10px;
  line-height: 160%;
  text-align: justify;
  margin-bottom: 90px;
}

div#grandTitre{
  font-size: 16px;
  color: #427EC3
}

div#titreDetail {
  font-size: 13px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

div#dateDetail {
  font-size: 10px;
  padding: 0px 10px 0px 10px;
}

div#resumeDetail {
  float: left;
  padding: 10px 10px 10px 0px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}

div#resumeDetail_1 {
  /*float: left;*/
  padding: 10px 0px;
  margin-bottom: 10px;
  /*width: 480px;*/
}

div#texteDetail {
  border: 0px;
  /*width: 480px;*/
}


div#lienDetail{
  text-align: right;
}

div#boiteDocument {
  border: 0px solid #000;
  margin: 10px 10px;
}

img#imgDocument{
  margin: 4px 5px 5px 0px;
}

div#divRetourAccueil{
  margin: 10px;
  text-align: center;
}

div .detailAccueil{
  text-align: right;
}

/* ################### */
/* lien pour la section liens utiles ou équivalent */
div#categorieLien{
  font-size: 14px;
  margin: 10px 0px 0px 0px;  
}

div#descLien{
  margin-left: 40px;
}

/* ################### */
/* SECTION PLAN DU SITE */
table#tablePlan, td {
  line-height: 100%;
  margin: 10px 0;
}

A.menup_plan:link {
	color: #505176;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: None;
	margin-top : 5px;
}
A.menup_plan:visited {
	color: #505176;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: None;
	margin-top : 5px;
}
A.menup_plan:Hover {
	color: #505176;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	margin-top : 5px;
}

A.menup1_plan:link {
	color: #505176;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: None;
	margin-top : 5px;
}
A.menup1_plan:visited {
	color: #505176;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: None;
	margin-top : 5px;
}
A.menup1_plan:Hover {
	color: #505176;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	margin-top : 5px;
}

a.plan:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004b8d;
	text-decoration: none;
}

a.plan:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004b8d;
	text-decoration: none;
}

a.plan:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #547e32;
	text-decoration: none;
}

.titre_plan {
	color : #004b8d;
	font-weight : bold;
	font-size : 14px;
	font-family : Verdana, Arial, sans-serif;
	text-align : left;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 2px;
	margin-bottom : 2px;
}

.espacement_plan {
	margin-left : 15px;
	margin-right : 15px;
	margin-top : 10px;
}
 
.texte_plan {
	color : #000000;
	font-size : 11px;
	font-family : Verdana, Arial, sans-serif;
	text-align : left;
	margin-left : 25px;
	margin-right : 15px;
	margin-top : 10px;
}

.categorie_plan {
	color : #004b8d;
	font-weight : bold;
	font-size : 12px;
	font-family : Verdana, Arial, sans-serif;
	text-align : left;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 2px;
	margin-bottom : 2px;
}

.imgPlan {
    border: 0;
    margin: 0;
    padding: 0;
}

/*##################################*/
/* Renseignements */

div#right form input[type=text],
div#right form textarea{
  border:1px solid #7F9DB9;
}

div#right form textarea{
  width: 400px;
  height: 200px;
}


div#right form button{

 border:1px solid #7F9DB9;
 background: #F8D098;
 font-size:85%;
 }

div#right div#contact {
  position: relative;
  height: 60px;
}

div#right div#identification {
  position: relative;
  height: 130px;
  margin: 10px 0;
}

div#right div#message {
  margin: 10px 0;
}

div#right div#message1 {
  padding: 10px 0 0 10px;
}

div#right div#telephone_1{
  position: absolute;
  top: 30px;
  left: 10px;
}

div#right div#courriel_1{
  position: absolute;
  top: 30px;
  left: 150px;
}

div#right div#lesdeux{
  position: absolute;
  top: 30px;
  left: 300px;
}

div#right div#msgErreur{
  color: #FF0000;
  font-weight: bold;
  padding: 10px 0px;
}

div#right div#prenom{
  position: absolute;
  top: 30px;
  left: 10px;
}

div#right div#nom{
  position: absolute;
  top: 30px;
  left: 250px;
}

div#right div#telephone{
  position: absolute;
  top: 80px;
  left: 10px;
}

div#right div#courriel{
  position: absolute;
  top: 80px;
  left: 250px;
}