/* CSS Document */
body{
margin: 0;
padding: 0;
font:Tahoma,Verdana, Arial, Helvetica, sans-serif;
background: #DDE9F4  url(../images/html_bg.gif) repeat;
}
div#fond{
position:absolute;
background:url(../images/top_bg.jpg) repeat-x  top;
width:100%;
height:100%;
}

div#header{
margin: 0 auto ;
width:780px;
height:144px;
background: url(../images/header.jpg) no-repeat  50% 7px;
}
div#main{
margin: 0 auto ;
padding:0 0 10px 0;
width:780px;
background: url(../images/arr_plan_main.png);
overflow:hidden;
min-height:500px;
}


/*------- Footer ------------*/
div#footer {
margin: 0 auto ;
width:780px;
height:45px;
background: url(../images/footer.jpg) top center no-repeat;
text-align:right;
padding-right:40px;
padding-top:7px;
font-family:tahoma;
font-size:12px;
color:#ffffff;


}
.dds a{
padding-top:3px;
font-size:9px;
color: #FFFFFF;
text-decoration:none;
float:left;
padding-left:50px;
}

/*----------collone du contenu et du menu ----------------*/
div#content_left{
margin: 0;
padding-left: 10px;
width:555px;
height:100%;
float:left;
text-align:right;
border-right: 1px dotted #0562AD ;
min-height:300px;
}

div#content_right{
margin: 0 ;
padding: 0;
width:203px;
min-height:300px;
height:100%;
float:right;

}
/*-------------------------------------------------------*/

/*------------top Menu : menu du haut-------------------------------------------------*/
div#menu_top ul{
list-style-type:none;
margin:0;
padding:97px 0 0 5px;
width:560px;
position:absolute;
}

div#menu_top li{
display:inline;
float:right;

}

/* on insère l'image de chaque lien, puis on la déplace pour faire l'illusion d'un RollOver */

div#menu_top li#lien1 a{
width:112px;
height:30px;
background:url(../images/menu_projets.gif) no-repeat;
overflow:hidden;
text-indent:-9999px;
display:block;


}
div#menu_top li#lien1 a:hover{
background:url(../images/menu_projets.gif) no-repeat   0px -30px;

}
/*----------------*/

div#menu_top li#lien2 a{
width:135px;
height:30px;
background:url(../images/menu_comment.gif) no-repeat;
overflow:hidden;
text-indent:-9999px;
display:block;
}
div#menu_top li#lien2 a:hover{background:url(../images/menu_comment.gif) no-repeat 0 -30px;
}

/*----------------*/
div#menu_top li#lien3 a{
width:87px;
height:30px;
background:url(../images/menu_besoins.gif) no-repeat;
overflow:hidden;
text-indent:-9999px;
display:block;
}
div#menu_top li#lien3 a:hover{background:url(../images/menu_besoins.gif) no-repeat 0 -30px;
}

/*----------------*/
div#menu_top li#lien4 a{
width:119px;
height:30px;
background:url(../images/menu_faq.gif) no-repeat;
overflow:hidden;
text-indent:-9999px;
display:block;
}
div#menu_top li#lien4 a:hover{background:url(../images/menu_faq.gif) no-repeat 0 -30px;
}

/*----------------*/
div#menu_top li#lien5 a{
width:107px;
height:30px;
background:url(../images/menu_forum.gif) no-repeat;
overflow:hidden;
text-indent:-9999px;
display:block;
}
div#menu_top li#lien5 a:hover{background:url(../images/menu_forum.gif) no-repeat 0 -30px;;
}
/*-------------------------------------------------------------------------------------------*/


/*---------------------Menu vertical --------------------*/
div#menu_vertical{
width:183px;
background:url(../images/fond_menu_vertical.jpg)  repeat-y;
overflow:hidden;
}

div#menu_vertical ul{
width:174px;
list-style-type:none;
text-decoration:none;
font-family: Tahoma, sans-serif;
font-size:13px;
text-align:right;
position:relative;
right:35px;}

div#menu_vertical li a{
display:block;
width:170px;
height:20px;
margin-bottom:2px;
padding-top:4px;
padding-right:4px;
color: #333333;
text-decoration:none;
background:url(../images/fond_rubriques.jpg);}

div#menu_vertical li a:hover{
color:#FFFFFF;
background:url(../images/fond_rubriques_over.jpg);}
/*----*/

div#menu_sponsors{
width:183px;
background:url(../images/fond_menu_sponsors.gif)  repeat-y;
text-align:center;
}

div#menu_sponsors ul{
width:183px;
list-style-type:none;
margin:0;
padding:0;
}

div#menu_sponsors li {
display:block;
padding: 5px 0px 5px 0px;
}


/*-------------------------------------------------------*/

/*-------styles du contenu texte, titre ... -----------*/
div#titre{
width:98%;
height:25px;
background:#0033CC;
color:#FFFFFF;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
background:url(../images/fond_titre.jpg) repeat-x;
padding-top:4px;
padding-right:2%;
}
div#texte{
	font-family:tahoma;
	font-size:12px;
	color:#1A4D84;
	padding:4px 10px 10px 10px;
	text-align: right;
	line-height:18px;
	direction:rtl;
	min-height:620px;
}
div#texte h1{
	font-family:Tahoma;
	font-size:15px;
	color:#FF6600;
	font-weight:bold;
}

.texteorangegras{
	font-size:13px;
	color:#FF6600;
	font-weight:bold;
	display:inline;
	
}
.textebleugras{
	font-size:13px;
	color:#0562AC;
	font-weight:bold;
	display:inline;}

.texterougegras{
	font-size:13px;
	color: #990000;
	font-weight:bold;
	display:inline;}
	

div#texte a{
	color: #007DFB;
	font-weight:bold;
	text-decoration:none;
}
div#texte a:hover{
	color: #005CB9;
	text-decoration:underline;
}

div#textefr{
	font-family:tahoma;
	padding:0px 3px 0px 10px;
	font-size:12px;
	color:#1A4D84;
	text-align: right;
	line-height:18px;
	direction:ltr;
	text-align:left;
}

.imgleft {
float:left;
padding: 3px 3px;
}

.imgright {
float:right;
padding: 3px 3px;
}

.warning {
color:#990000;
font-size:11px; font-weight:bold;
}
/*-------- styles pour les formulaires -------*/
.formulaire label,span {
display:block;
width:100%;
padding-bottom:3px;
}
.formulaire label {
float:right;
}
.formulaire span{
width:40%;
float:right;
text-align:left;
margin-left:1em;
}
.formulaire input ,textarea{
border:  #0A7FDD 1px solid;
background:url(../images/arr_form.jpg) bottom repeat-x;
}
.formulaire input:hover, textarea:hover{
border:   #FF6600 1px solid;
}
.formulaire input:active, input:focus{
border-color:#990000;
}

.bouton input {
color:#FFFFFF;
font-weight:bold;
border: 0px;
border-bottom:1px  #333333 solid;
border-right:1px  #333333 solid;
background: #F16B07 url(../images/btn.jpg) repeat-x top right;
min-height:25px;
}

div#sponsors{
margin: 0 auto;
}
div#sponsors ul{
position:relative;
list-style-type:none;
margin:0px;
padding:0px;
width:100%;
}

div#sponsors li{
float:right;
padding: 5px 0 5px 0;
width:170px;
height:130px;
text-align:center;

}