body {
padding : 10px 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
/*background : #fff url(images/bgBleu.jpg) repeat-x top;*/
color : #454545;
min-width:770px;
}

#wrap {
    /*background:#99c;*/
   	margin:0 auto;
    width:770px;
	
    }


a {
color : #7a9833;
background : inherit;
text-decoration : none;
}
a:hover {
color : #7a9833;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
.content {
margin : 0 auto;
width : 700px;
}
#top {
position: relative;
padding-top : 0;
background : transparent;
height : 115px;
}





#centre {
	/*background-color:#9999CC;*/
	/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */
	text-align: center ;
	margin-left: 153px;
	margin-right: 310px;
	font : 1.2em Arial, Helvetica, Sans-Serif;
	letter-spacing : 0.2em;
	color : #696969;
}
#gauche {
	position: absolute;
	left:0;
	width: 148px;
	font : bold 0.9em Arial, Helvetica, Sans-Serif;
	letter-spacing : 0;
	color : #696969;
}
#droite {
	position: absolute;
	right:0;
	width: 320px;
}







/* menu */
.menu {
background:#7BCA17;
margin : 0;
height : 34px;
padding-top : 0;
clear:both;
}
.menu li {
list-style : none;
display : inline;
line-height : 34px;
}
.menu li a {
text-decoration : none;
margin : 0;
padding : 9px 15px 10px 15px;
font-weight : bold;
color : #fff;
}
.menu li a:hover {
color : #fff;
background : #a7cc44;
margin : 0;
}
.menu li a.current {
background : #004264 url(images/trcorner.gif) no-repeat top right;
color : #fff;
}




#main {
/*width : 700px;
margin : 0;
padding : 0;*/
	background : inherit;
	margin-bottom : 10px;
    float:left;
    width:610px;
}



/* colonne droite */
#right_side {
/*float : right;
width : 230px;
background : #ffffff url(images/topr.jpg) no-repeat top right;*/
overflow : hidden;
	background : /*#ffffff*/ url(images/toprBleuPtt.jpg) no-repeat top right;
	float:right;
	width:160px;
	padding:30px 0;
	/*overflow : hidden;*/
	
}
#right_side ul {
    margin-bottom:0;
	padding:0 10px;
    }
#right_side h3, #right_side p {
    padding:5px 14px;
    }
#right_side img {
/*text-decoration : none;*/
padding:0 1px;
    }


/*colonne de gauche*/
#left_side {
background : inherit;
margin-bottom : 10px;
float:left;
width : 610px;
}
#left_side .intro {
height : 80px;
background : #004264;
color : #fff;
overflow : hidden;
}
#left_side .intro .pad {
padding : 18px 5px 0 5px;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 40px 0 0 0;
}
#left_side h3 {
background : inherit;
padding : 0;
margin : 0;
font : bold 1.4em Arial, Sans-Serif;
}
#left_side .mpart h2 {
background : url(images/lrline.gif) no-repeat bottom left;
height : 20px;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
}
#left_side p {
color : #454545;
padding : 0;
text-align : justify;
}
#left_side img {
float : left;
padding : 0 10px 5px 0;
}
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
.date {
border-top : 1px dotted #ccc;
padding : 5px 0;
margin : 10px 0 25px 0;
text-align : right;
}
#left_side .rs {
float : right;
margin : 0 10px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}
#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 584px;
padding : 10px;
}




#footer {
clear : both;
width : 770px;
margin : 0 0 6em 0;
/*color : #777;*/
background : /*#fff */ url(images/rlline.gif) no-repeat top right;
}
#footer .right {
float : right;
text-align : right;
background : inherit;
padding-top : 10px;
width : 770px;
}
#footer a {
text-decoration : none;
/*background : #fff;*/
}



/* FORMULAIRE */


label {
display:block;
width:140px;
float:left;
}

.cssform p{
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.cssform label{
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.cssform textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}