13:16 16/06/2010/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin:0px;
	padding: 0;
	background: #FFFFFF url(images/img01.jpg) repeat-x left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #837669;
}

h1, h2, h3 {
	margin: 0;
	font-family:Tahoma;
	font-weight: normal;
	color: #649632;
}

h1 { font-size: 12px; }

h2 { font-size: 12px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	padding:0px;
	text-align: justify;
	font-size: 11px;
}

ul, ol { }

blockquote { }



a img {
	border: none;
}


hr { display: none; }

form{
padding:0px;
margin:0px;
}


/* Page */

#page {
		width: 968px;

	margin: 0 auto;
	background: url(../medias/images/header.gif) repeat-y top;
}


/* Content */

#content {
	float: left;
	width: 706px;
	padding-left:30px;
	padding-top:24px;
}

#content .top {
float:left;
width:706px;
margin-bottom:12px;
}
#box{
float:left;
margin-right:12px;
width:184px;
}
#box .greenbox {
	background: url(../medias/images/green.gif) repeat-x;
	height:26px;
}

#box .greenbox .title {
	height: 25px;
	background: url(../medias/images/corner-l.gif) no-repeat;
}

#box .greenbox .title h1, .greenbox .title h2 {
max-height:26px;
min-height:21px;
	margin: 0;
	padding: 5px 0 0 0px;
	background: url(../medias/images/corner-r.gif) no-repeat right top;
	font-size: 10pt;
	font-family:Tahoma;
	text-align:center;
	font-weight:normal;
	color: #077168;
}
#box .inter{
	float:left;
	width:170px;
	background:#e4e4e4 url(../medias/images/box.gif) repeat-x;
	border:1px solid #bdbcbd;
	padding:12px 5px 7px 7px;
	height:212px;
}
#box .inter .text{
	width:160px !important;
	width:158px;
	float:left;
	padding-top:5px !important;
	padding-top:5px;

	padding-bottom:5px;
	color:#4b4f56;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
	margin:0px;
	border-bottom:1px dashed #cccaca;
}
#box .inter  .img{
	float:left;
	width:6px;
	margin-right:3px;
	margin-top: 0px ;
	-margin-top: 10px;
		*margin-top: 10px;

}

/*Ajout Arthur*/

#box .inter .text a{
color:#4b4f56;
text-decoration: none;
}
#box .inter .text a:visited {
color:#4b4f56;
text-decoration: none;
}
#box .inter .text a:hover {
color:#4b4f56;
text-decoration: underline;
}

/*boxe granda*/
#box2{
	float:left;

	width:510px;
}
#box2 .greenbox {
	background: url(../medias/images/green.gif) repeat-x;
	height:26px;
}

#box2 .greenbox .title {
	height: 26px;
	background: url(../medias/images/corner-l.gif) no-repeat;
}

#box2 .greenbox .title h1, .greenbox .title h2 {
	height: 21px;
	margin: 0;
	padding: 5px 0 0 0px;
	background: url(../medias/images/corner-r.gif) no-repeat right top;
	font-size: 10pt;
	font-family:Tahoma;
	text-align:center;
	font-weight:normal;
	color: #077168;
}
#box2 .inter{
	float:left;
	width:499px;
	background:#e4e4e4 url(../medias/images/box.gif) repeat-x;
	border:1px solid #bdbcbd;
	padding:8px 0 8px 8px;
	height:215px;
}
#box2 .inter .boxed{
	width:159px;
	margin-right:7px!important;
	margin-right:5px;
	float:left;

	padding-top:0px;
	padding-bottom:1px;
	text-align:justify;
	border-bottom:1px dashed #cccaca;
}
.boxed .img{
height:161px;
border:1px solid #a7a6b4;
float:left;
}
.boxed .texte{
	float: center;
	padding:0;
	color:#FF3333;
	width:150px;
	font-family:Tahoma;
	font-size:11px;
	text-align:center;
}
/*Ajout Arthur*/
.boxed .texte a {
	color:#FF3333
	width:150px;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
}
.boxed .texte a:hover {
	color:#FF3333;
	width:150px;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:underline;
}
.boxed .texte a:visited {
	color:#FF3333;
	width:150px;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
}
#box2 .inter .boxed2{
	width:159px;
	margin-right:7px!important;
	margin-right:5px;
	float:left;
	padding-top:0px;
	padding-bottom:1px;
	text-align:justify;
}
.boxedtexte{
	float: center;
	padding:0;
	color:#4b4f56;
	width:150px;
	font-family:Tahoma;
	font-size:11px;
	text-align:center;
}
/*boxe granda*/
#box3{
	float:left;
	margin-right:12px;
	width:284px;
}
#box3 .greenbox {
	background: url(../medias/images/green.gif) repeat-x;
	height:26px;
}

#box3 .greenbox .title {
	height: 25px;
	background: url(../medias/images/corner-l.gif) no-repeat;
}

#box3 .greenbox .title h1, .greenbox .title h2 {
	height: 21px;
	margin: 0;
	padding: 5px 0 0 0px;
	background: url(../medias/images/corner-r.gif) no-repeat right top;
	font-size: 10pt;
	font-family:Tahoma;
	text-align:center;
	font-weight:normal;
	color: #077168;
}
#box3 .inter{
	float:left;
	width:271px;
	background:#e4e4e4 url(../medias/images/boxx.gif) repeat-x;
	border:1px solid #bdbcbd;
	padding:0 11px 11px 0;
	height:132px;

}
#box3 .inter .boxed{
	float:left;
	padding-bottom:1.2px;
	width:270px;
}
#box3 .inter  .text{
	float:left;
	width:158px;
	background:url(../medias/images/text.gif) repeat-y;
	padding:0px 5px 0px 5px;
	margin-top:5px;
	color:#08090b;
	font-weight:bold;
	width:260px;
	font-family:Tahoma,Arial;
	font-size:11px;
	text-align:left;
	height: 12px;
}

/*Modif Arthur*/
#box3 .inter  .text a{
	color:#515151;
	font-weight:normal;
	font-family:Tahoma;
	font-size:11px;
	text-align:left;
	text-decoration:none;
}
#box3 .inter  .text a:hover {
	text-decoration:underline;
}
#box3 .inter  .text a:visited {
	color:#515151;
	font-weight:normal;
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
}
.linked{
	float:right;
	width:145px;
	background:url(../medias/images/fleche.jpg) no-repeat left center;
}
.linked a{
color:#4b4f56;
font-family:Tahoma;
font-weight:bold;
font-size:10px;
text-decoration:underline;
padding-left:10px;
}
.linked a:hover{
color:#4b4f56;
font-family:Tahoma;
font-weight:bold;
font-size:10px;
text-decoration:underline;
padding-left:10px;
}





/*boxe 4*/
/*boxe granda*/
#box4{
	float:left;
	
	width:215px;
}
#box4 .greenbox {
	background: url(../medias/images/green.gif) repeat-x;
	height:26px;
}

#box4 .greenbox .title {
	height: 25px;
	background: url(../medias/images/corner-l.gif) no-repeat;
}

#box4 .greenbox .title h1, .greenbox .title h2 {
	height: 21px;
	margin: 0;
	padding: 5px 0 0 0px;
	background: url(../medias/images/corner-r.gif) no-repeat right top;
	font-size: 10pt;
	font-family:Tahoma;
	text-align:center;
	font-weight:normal;
	color: #077168;
}
#box4 .inter{
	float:left;
	width:202px;
	background:#e4e4e4 url(../medias/images/boxx.gif) repeat-x;
	border:1px solid #bdbcbd;
	padding:0 11px 11px 0  !important ;
	padding:0 11px 11px 0 ;
	height:132px;
}

#box4 .inter .menu{
float:left;
padding-left:5px;
padding-bottom:1.2px;
margin:0px;
width:193px;
	
}
 .menu ul{
 padding:0px;
 margin:0px;
 float:left;
 list-style:none;
 }
  .menu li{
  padding-top:1.2px !important;
    padding-top:0;
padding:0px 5px 0px 5px;
margin-top:5px;
  width:197px;
  background:url(../medias/images/fleche.jpg) no-repeat left center;
height: 10.5px;
  }
  .menu a{
	padding-left:10px;
  	text-align:left;
	text-decoration:underline;
	color:#515151;
	font-weight:normal;
	font-family:Tahoma;
	font-size:11px;
	text-align:left;
  }
    .menu a:hover{
	padding-left:10px;
  	text-align:left;
	text-decoration:underline;
	color:#515151;
	font-weight:normal;
	font-family:Tahoma;
	font-size:11px;
	text-align:left;
  }



#boxe-img{
margin-left:10px;
margin-top:5px;
  width:184px;
  float:left;
  }
  #boxe-img .img{
  float:left;
  margin-bottom:11px !important;
  margin-bottom:9px;
  }
  
  /*colonnes right*/
  #colone-right{
	float:right;
	padding-top:24px;
	padding-right:30px;
	padding-left:0px;
	width:184px;
  }
  #box5{
	float:left;
  margin-bottom:7px;
	width:184px;
}
#box5 .greenbox {
	background: url(../medias/images/green.gif) repeat-x;
	height:26px;
}

#box5 .greenbox .title {
	height: 26px;
	background: url(../medias/images/corner-l.gif) no-repeat;
}

#box5 .greenbox .title h1, .greenbox .title h2 {
	height: 21px;
	margin: 0;
	padding: 5px 0 0 0px;
	background: url(../medias/images/corner-r.gif) no-repeat right top;
	font-size: 10pt;
	font-family:Tahoma;
	text-align:center;
	font-weight:normal;
	color: #077168;
}
#box5 .inter{
	float:left;
	padding-bottom:12px;
	
	width:184px;
	background:#2f7fba url(../medias/images/inscri.jpg) repeat-x;

}
.label{
	color:#fff;
	font-size:10px;
	font-family:Tahoma;
	float:left;
	width:60px;
	padding-left:10px;
	margin-top:15px;
}

.inputtext{
width:80px;
float:left;
border:1px solid #e4e4e4;
height:14px;
margin:10px 0 0 5px;
padding:2px 0 0 0;
color:#000;
font-size:10px;
}

.submit{
background:url(../medias/images/submit.jpg) no-repeat;
height:13px;
width:13px;
border:0px;
margin:15px 5px 0 0;
float:right;
}
.inscri {
	color:#fff;
	font-size:10px;
	font-family:Tahoma;
	float:right;
	text-align:right;
	padding-right:20px;
	width:140px;
	text-decoration:underline;
	padding-top:8px;
}
.inscri a:hover{
color:#fff;
font-size:10px;
font-family:Tahoma;
float:right;
text-align:right;
padding-right:20px;
width:140px;
padding-top:10px;
}
.inscri a{
color:#fff;
font-size:10px;
font-family:Tahoma;
float:right;
text-align:right;
padding-right:20px;
width:140px;
padding-top:10px;
}
#box5 .top{
background:url(../medias/images/news.jpg) no-repeat;
height:39px;
width:184px;
float:left;
}
#box5 .top h1{
color:#02060b;
font-size:11px;
font-family:Tahoma;
font-weight:bold;
text-align:left;
padding:5px 0 0 10px;
}

#box5 .inter2{
background:url(../medias/images/news-box.jpg) repeat-x;
height:78px;
width:182px;
float:left;
border-bottom:1px solid #bdbcbd;
border-left:1px solid #bdbcbd;
border-right:1px solid #bdbcbd;
}
.inter2 .text{
	text-align:center;
	color:#0d0e11;
	float:left;
	font-family:Tahoma;
	font-size:11px;
	width: 180px;
}
.inputtext2{
width:170px;
float:left;
border:1px solid #e4e4e4;
height:14px;
margin:10px 0 0 5px;
padding:2px 0 0 0;
color:#000;
text-align:center;
font-size:10px;
}
.submit2{
background:url(../medias/images/submit.jpg) no-repeat;
height:13px;
width:13px;
border:0px;
margin:5px 5px 0 0;
float:right;
}
#affichage {
border-top:1px dotted #CACACA;

}

/* Ajout Arthur */
.cadrebleu {
width:900px;
margin:0 20px 0 20px;
padding:10px;
background-color:#CCFFFF;
}
.txtcadrebleu {
font-weight:normal; 
font-family:Tahoma,Arial;
font-size:11px;
color: #515151;
text-align: justify;
}
.txtcadrebleu  a {
text-decoration: none;
}
.txtcadrebleu  a:visited {
font-weight:normal;
color: #515151;
}
.txtcadrebleu  a:hover {
font-weight:normal;
color: #837669;
text-decoration: none;
}
.cadrebleucontact {
width:500px;
margin:0 20px 0 20px;
padding:10px;
background-color:#CCFFFF;
}
.txtcadrebleucontact {
font-weight:normal; 
font-family:Tahoma,Arial;
font-size:12px;
color: #515151;
text-align: justify;
}

/* Ajout Arthur Box Chapeau */
#boxch{
float:left;
margin-right:30px;
margin-left:30px;
width:905px;
}
#boxch .greenbox {
background: url(../medias/images/green.gif) repeat-x;
height:26px;
}
#boxch .greenbox .title {
height: 25px;
background: url(../medias/images/corner-l.gif) no-repeat;
}
#boxch .greenbox .title h1, .greenbox .title h2 {
max-height:26px;
min-height:21px;
margin: 0;
padding: 5px 0 0 0px;
background: url(../medias/images/corner-r.gif) no-repeat right top;
font-size: 10pt;
font-family:Tahoma;
text-align:center;
font-weight:normal;
color: #077168;
}
#boxch .inter{
float:left;
width:895px;
background:#e4e4e4 url(../medias/images/box.gif) repeat-x;
border:1px solid #bdbcbd;
padding:0px 0px 0px 7px;
height:70px;
}
#boxch .inter .text{
width:870px !important;
width:868px;
float:left;
padding-top:2px !important;
padding-top:2px;
padding-bottom:2px;
line-height:1.5; 
color:#4b4f56;
text-align:left;
font-family:Tahoma;
font-size:11px;
text-decoration:none;
margin:0px;
}
/*Ajout Arthur*/
#boxch .inter .text a{
color:#4b4f56;
text-decoration: none;
}
#boxch .inter .text a:visited {
color:#4b4f56;
text-decoration: none;
}
#boxch .inter .text a:hover {
color:#4b4f56;
text-decoration: underline;
}
#membrefooter {
width: 968px;
margin: 0 10px 0 10px;
float: center;
}
/* Ajout Arthur */
a#lienac:link {color: #4b4f56; text-decoration: none;}
a#lienac:visited {color: #4b4f56; text-decoration: none;}
a#lienac:hover {color: #4b4f56; text-decoration: underline;}
a#lienac:active {color: #4b4f56; text-decoration: none;}
a#lienacrouge:link {color: #FF3333; text-decoration: none;}
a#lienacrouge:visited {color: #FF3333; text-decoration: none;}
a#lienacrouge:hover {color: #FF3333; text-decoration: underline;}
a#lienacrouge:active {color: #FF3333; text-decoration: none;}
/* Fin ajout */