/*GENERAL___________________________________________________________*/
body{
margin:0;
padding:10px 0 20px 0;
background-color:#efefdf;
color:#000;
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, p, form, label, input, textarea, img, span, fieldset{
margin:0;
padding:0;
}
ul{
margin:0; 
padding:0; 
list-style-type:none;
font-size:0;
}
/* Div */
a {
    text-decoration: none;
	color:#344a04;
	background-color:transparent;	
}

a:hover {
	color:#fff;
	background-color:#344a04;
}

a.diapo {
	color:#d76e08;
	text-decoration:underline;	
}

a.diapo:hover {
	color:#fff;
	background-color:#cbd409;
}

.txt_rouge {
	color: #CC0033;
}

.txt_underline {
	text-decoration:underline;	
}

/*SPACERS___________________________________________________________*/
.spacer1{
clear:both; 
font-size:0; 
line-height:0;
}

.spacer2{
clear:both; 
font-size:10px; 
line-height:10px;
}

.spacer3{
clear:both; 
font-size:20px; 
line-height:20px;
}

.spacer4{
clear:both; 
font-size:40px; 
line-height:40px;
}

/*HEADER___________________________________________________________*/
#header{
position:relative;
width:981px;
height:209px;
margin:0 auto;
background:transparent url(./images/header.gif) no-repeat 0 0;
}
#header ul{
position:absolute;
left:0;
top:180px;
width:981px;
height:29px;
padding:0 0 0 36px;
background:transparent url(./images/navbar.gif) no-repeat  0 0;
}
#header ul li{
float:left;
display:block;
height:27px;
padding:0;
}
#header ul li.separ{
background:transparent url(./images/navdiv.gif) no-repeat  right top;
}
#header ul li.offh{
margin:0 1px 0 0;
padding:0 20px;
background:transparent url(./images/navhover.gif) repeat-x 0 0;
color:#fff;
font:bold 12px/27px Arial, Helvetica, sans-serif;
}
#header ul li a{
display:block;
margin:0 1px 0 0;
padding:0 20px;
background:transparent url(./images/navbg.gif) repeat-x  0 0;
font:bold 12px/27px Arial, Helvetica, sans-serif;
color:#344a04;
text-decoration:none;
}
#header ul li a:visited{
color:#344a04;
}
#header ul li a:hover{
background:transparent url(./images/navhover.gif) repeat-x  0 0;
color:#fff;
}

/*BODY___________________________________________________________*/
#body{
width:978px;
margin:0 auto;
padding:13px 1px 13px 2px;
}

/*Marquee___________________________________________________________*/
#idmark{
width:978px;
margin:0 auto;
border:red solid 1px;
background:transparent;
}

/*LEFT___________________________________________________________*/
#left{
float:left;
width:225px;
}

/*LEFT - DIV LEFT1*/
#left1{
width:216px;
margin:0 0 10px 0;
padding:5px 0 0 5px;
background:#97c92c url(./images/leftbg1.gif) no-repeat 0 0;
border:#00958e solid 2px;
color:#878767;
}
#left1 ul{
padding:10px;
color:#000;
font:bold 11px Arial, Helvetica, sans-serif;;
}
#left1 ul li{
height:16px;
margin:0 5px 7px 0;
line-height:16px;
}
#left1 ul li a{
display:block;
width:168px;
height:16px;
padding: 0 0 0 23px;
line-height:16px;
background:transparent url(./images/arrow1.gif) no-repeat  0 0;
color:#344a04;
text-decoration:none;
}
#left1 ul li a:hover{
display:block;
width:168px;
height:16px;
padding: 0 0 0 23px;
background:#6a8534 url(./images/arrow1.gif) no-repeat  0 -16px;
color:#fff;
text-decoration:none;
}
#left1 ul li.offleft{
display:block;
width:168px;
height:16px;
padding: 0 0 0 23px;
line-height:16px;
background:#6a8534 url(./images/arrow2.gif) no-repeat  0 0;
color:#fff;
}

/*LEFT - DIV LEFT2*/
#left2{
width:216px;
margin:0 0 10px 0;
padding:5px 0 0 5px;
background:#97c92c url(./images/leftbg1.gif) no-repeat  0 0;
border:#00958e solid 2px;
color:#878767;
}
#left2 ul{
padding:10px;
color:#000;
font:bold 11px Arial, Helvetica, sans-serif;
}
#left2 ul li{
height:16px;
margin:0 5px 7px 0;
line-height:16px;
}
#left2 ul li a{
display:block;
width:168px;
height:16px;
padding: 0 0 0 23px;
line-height:16px;
background:transparent url(./images/arrow1.gif) no-repeat  0 0;
color:#344a04;
text-decoration:none;
}
#left2 ul li a:hover{
display:block;
width:168px;
height:16px;
padding: 0 0 0 23px;
background:#6a8534 url(./images/arrow1.gif) no-repeat  0 -16px;
color:#fff;
text-decoration:none;
}
#left2 ul li.offleft{
display:block;
width:168px;
height:16px;
padding: 0 0 0 23px;
line-height:16px;
background:#6a8534 url(./images/arrow2.gif) no-repeat  0 0;
color:#fff;
}

/*LEFT - DIV SEARCH*/
#search{
float:left;
width:221px;
border:#00958e solid 2px;
}
#search h2{
display:block;
width:204px;
height:30px;
padding:0 0 0 17px;
background:transparent url(./images/searchh.gif) no-repeat 0 0;
font:bold 16px/31px Arial, Helvetica, sans-serif;
color:#fff;
}
#search form{
width:187px;
margin:0;
padding:9px 17px 20px 17px;
background:#97c92c url(./images/leftbg1.gif) repeat-x 0 0;
color:#344a04;
}
#search form label{
float:left; 
display:block;
font:normal 11px/22px Arial, Helvetica, sans-serif;
}
#search form input.searchtxt{
float:left;
width:187px;
height:19px;
margin:0;
padding:0;
border-left:#808080 solid 1px;
border-top:#808080 solid 1px;
border-right:#d4d0c8 solid 1px;
border-bottom:#d4d0c8 solid 1px;
color:#000;
background-color:#fff;
}
#search form input.go{
float:right;
width:36px;
height:15px;
margin:12px 2px 0 0;
background:transparent url(./images/btngo.gif) no-repeat 0 0;
border:none;
}

/*LEFT - DIV LEFT3*/
#left3{
width:216px;
margin:50px 0 10px 0;
padding:5px 0 0 5px;
background:#97c92c url(./images/leftbg1.gif) no-repeat  0 0;
border:#FF6600 solid 2px;
color:#333333;
}

/*RIGHT___________________________________________________________*/
#right{
float:right;
width:683px;
padding:25px;
background-color:#fff;
border:2px solid #cacab8;
}

/*RIGHT - DIV FLAGS*/
#right div.flags{
float:right;
width:56px;
height:16px;
margin:5px 0 0 0;
}
#right div.flags img{
border:none;
}
#right div.flags a.en{
float:left;
display:block;
width:23px;
height:16px;
margin:0 0 0 5px;
background:transparent url(./images/flagen.gif) no-repeat 0 0;
text-decoration:none;
}
#right div.flags a.de{
float:left;
display:block;
width:23px;
height:16px;
margin:0 0 0 5px;
background:transparent url(./images/flagde.gif) no-repeat 0 0;
text-decoration:none;
}
#right div.flags a.fr{
float:left;
display:block;
width:23px;
height:16px;
margin:0 0 0 5px;
background:transparent url(./images/flagfr.gif) no-repeat 0 0;
text-decoration:none;
}

/*RIGHT - H2*/
#right h2{
display:block;
margin:0 0 15px 0;
padding:0 0 0 5px;
font:bold 16px Arial, Helvetica, sans-serif;
color:#d76e08;
}

/*RIGHT - H3*/
#right h3{
display:block;
margin:0 0 15px 0;
padding:0 0 0 35px;
font:bold 20px Arial, Helvetica, sans-serif;
color:#d76e08;
background:transparent url(./images/h3pic.gif) no-repeat 0 6px;
}

/*RIGHT - PARAGRAPHS*/
#right p.p1{
padding:0 0 15px 0;
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#62625c;
background-color:transparent;
}
#right p.p1 span{
font:bold 15px/18px Arial, Helvetica, sans-serif;
color:#5f860b;
background-color:transparent;
}
#right p.p2{
padding:0 0 15px 0;
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#62625c;
background-color:transparent;
}
#right p.p2 span{
display:block;
width:340px;
margin:0 0 15px 0;
font:bold 17px/18px Arial, Helvetica, sans-serif;
color:#d76e08;
background-color:inherit;
border-bottom:#bcbcb5 dashed 1px;
}

/*RIGHT - LINKS*/
#right p.p1 a{
font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#6a8534;
background-color:transparent;
text-decoration:underline;
}
#right p.p1 a:visited{
color:#6a8534;
}
#right p.p1 a:hover{
color:#000;
}
#right p.p2 a{
font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#6a8534;
background-color:transparent;
text-decoration:underline;
}
#right p.p2 a:visited{
color:#6a8534;
}
#right p.p2 a:hover{
color:#000;
}
#right p.totop{
float:right;
}
#right p.totop a{
display:block;
width:85px;
height:16px;
padding: 0 23px 0 0;
line-height:16px;
background:transparent url(./images/arrow3.gif) no-repeat  right 0;
color:#00958e;
text-align:right;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
#right p.totop a:hover{
display:block;
height:16px;
padding: 0 23px 0 0;
background:transparent url(./images/arrow3.gif) no-repeat  right -16px;
color:#3879a8;
text-decoration:underline;
}

#right p.btdiap{
float:right;
}
#right p.btdiap a{
display:block;
width:185px;
height:16px;
padding: 0 23px 0 0;
line-height:16px;
background:transparent url(./images/arrow1.gif) no-repeat  right 0;
color:#00958e;
text-align:right;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
#right p.btdiap a:hover{
display:block;
height:16px;
padding: 0 23px 0 0;
background:transparent url(./images/arrow1.gif) no-repeat  right -16px;
color:#3879a8;
text-decoration:underline;
}

#right p.btdiapb{
float:right;
}
#right p.btdiapb a{
display:block;
width:185px;
height:16px;
padding: 0 23px 0 0;
line-height:16px;
background:transparent url(./images/arrow1b.gif) no-repeat  right 0;
color:#00958e;
text-align:right;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
#right p.btdiapb a:hover{
display:block;
height:16px;
padding: 0 23px 0 0;
background:transparent url(./images/arrow1b.gif) no-repeat  right -16px;
color:#3879a8;
text-decoration:underline;
}
#right table.asso1{
width:100%;
margin:0 auto;
margin:10px 0 0 0;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:1px solid #c0ec61;
}
table.asso1 td.colazo{
background-color:#a0d037;
border:1px;
}

#right table.soc1{
width:100%;
margin:0 auto;
margin:10px 0 0 0;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:1px solid #ff9900;
}
table.soc1 td.colsoc{
background-color:#ffcc33;
border:1px;
}

#right table.histo{
width:100%;
margin:0 auto;
margin:10px 0 0 0;
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#62625c;
}

.decal{
margin:-15px 0 10px 50px;
float:right;
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#62625c;
}

#right table.guide{
width:100%;
margin:0 auto;
margin:10px 0 0 0;
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#62625c;
}

table.guide td a.btarchiv{
display:block;
width:350px;
height:16px;
padding: 0 23px 0 0;
line-height:16px;
background:transparent url(./images/arrow1.gif) no-repeat  left 0;
color:#00958e;
text-align:right;
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}

table.guide td a.btarchiv:hover{
display:block;
height:16px;
padding: 0 23px 0 0;
background:transparent url(./images/arrow1.gif) no-repeat  left -16px;
color:#3879a8;
text-decoration:underline;
}


/*Deb Tri de tableau*/
.sortable {
width:100%;
margin:10px 0 0 0;
border-collapse:collapse;
}

table.sortable thead {
width:100%;
margin:10px 0 0 0;
border-collapse:collapse;
cursor: default;
}
table.sortable th  {
color: #fff;
padding:5px;
vertical-align:top;
font-size:11px;
text-align:center;
border:1px solid #676767;
}
table.sortable td {
vertical-align:middle;
font-size:11px;
text-align:center;
border:1px solid #676767;
}
/*Fin Tri de tableau*/
/*RIGHT - IMAGES*/
#right img.leftimg{
float:left;
margin:0 20px 10px 0;
}
#right img.rightimg{
float:right;
margin:0 0 10px 20px;
}
#right img.centerimg{
float:center;
margin:0 0 10px 20px;
}
/*RIGHT - FORM*/
#right form.formjum{
width:200px;
margin:0 auto;
padding:10px 7px 7px 7px;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:1px solid #c0ec61;
}
#right form.form1{
width:500px;
margin:0 auto;
padding:20px 15px 15px 15px;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:1px solid #c0ec61;
}
#right form fieldset{
width:500px;
border:0;
}
#right form label{
float:left;
}
#right form input, textarea{
float:right;
border:1px solid #6a8534;
font: 13px Arial, Helvetica, sans-serif;
}
#right form select{
float:right;
border:1px solid #6a8534;
font: 12px Arial, Helvetica, sans-serif;
}
#right form input, select{
height:22px;
}
#right select.selectaso{
width:500px;
background-color:#a0d037;
}
#right select.selectsoc{
width:500px;
background-color:#ffcc33;
}
#right select.jumelage{
width:200px;
background-color:#a0d037;
}
#right input.input1, #right select.select1, #right textarea.txtarea1{
width:290px;
}
#right textarea{
vertical-align:top;
}
#right input.input2{
margin:0 0 0 20px;
padding:0 5px;
color:#fff;
background-color:#6a8534;
border:1px solid #344a04;
}

/*FOOTER___________________________________________________________*/
#footer{
float:right;
width:733px;
height:80px;
margin:15px 0 0 0;
background:#d5fe7d url(./images/footer.gif) repeat-x 0 0;
color:#000;
border:2px solid #cacab8;
}
#footer ul{
width:657px;
margin:15px auto 0 auto;
}
#footer ul li{
float:left;
color:#344a04;
background-color:transparent;
font:normal 11px/19px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}
#footer ul li a{
padding:0 9px;
color:#344a04;
background-color:transparent;
font:normal 11px/19px Arial, Helvetica, sans-serif;
letter-spacing:normal;
text-decoration:none;
}
#footer ul li a:hover{
color:#fff;
background-color:#344a04;
}
#footer p.copyright{
padding:15px 0 0 0;
font:normal 11px/19px Arial, Helvetica, sans-serif;
color:#00958e;
text-align:center;
background-color:transparent;
}

/* D Off */
.lnkoff {
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 5px 7px 0;
	background:transparent url(./images/arrow1.gif) no-repeat  0 0;
}
.lnkoff:hover {
	background:#6a8534 url(./images/arrow1.gif) no-repeat  0 -16px;
}
#right table.offres{
width:100%;
margin:0 auto;
margin:10px 0 0 0;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:1px solid #ff3300;
}
table.offres td.coloff{
background-color:#efefdf;
border:1px;
}
/* F Off */
.txt_blanc {
	color: #FFFFFF;
}
.txt_blanc_bold {
	color: #FFFFFF;
	font-weight: bold;
}
.txt_noir_bold {
	color: #000;
	font-weight: bold;
}
.txt_red_bold {
	color: #C50029;
	font-weight: bold;
}