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

* {
	margin: 0;
	padding: 0;
}

body {
	background: #dad8d8 url(../images/img001.jpg) ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #37404C;
}

form {
}

input, textarea,select {
	
	border: 1px solid #b6b6b6;
	font: 12px Verdana, Arial, Helvetica, sans-serif;	
}

input, textarea{
	padding: 2px 5px;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}
h1{
	color: #0099ff;	
}

h2, h3, h4 {
	color: #37404C;
}

h1,h2 {
	margin-bottom: 9px;
	padding-bottom: 9px;
	letter-spacing: -0.035em;
	font-weight: bold;	
}
h1{
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
	margin-bottom: 6px;
	padding-bottom: 4px;
	letter-spacing: -0.035em;
	font-weight: bold;	
}

h4 {
	font-size: 12px;
}

h2 a {
	color:#8F8F8F;
	font-size: 16px;
}

a.active  {
	color:#0099ff;
	font-size: 16px;
}
h2 a:hover {
	color:#0099ff;
	font-size: 16px;
}

a h4 {
	color:#37404C;
}

a:hover h3, a:hover h4 {
	color:#0099ff;
}



ul, ol {
	margin-bottom: 1.5em;
	line-height: 120%;
	text-align: justify;
	margin-left: 3em;
	list-style: none;	
}


span.date{
	color:#8F8F8F;
	font-size:12px;
	font-weight:bold;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	
 }
 span.commentaire {
	color:#8F8F8F;
	font-size:10px;
	padding-left:30px;
 }

dl.list1 {
	margin: 0 0 10px 10px;
	padding: 0;
	list-style: none;
	font-size:12px;
}

dl.list1 dt {
	/*width: 70px;*/
	
	color:#666666;	
}

dl.list1 dd {
	margin:  0;
	
}

dl.list1 a {
	color: #37404C;
	font-size:12px;
	font-weight:bold;
}
dl.list1 a:hover {
	color: #0099ff;
}

ul.list2 {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

ul.list2 li {
	float: left;
	margin: 0 18px 18px 0;
}

ul.list2 li.nopad {
	margin-right: 0;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a, a:hover  {
	text-decoration: none;
	/*font-size: 11px;*/
	color: #0099ff;
}

a.image{
	position: relative;
	z-index: 1;
}
a.image:hover{
	z-index: 2;
}
a.image span{
	display: none;
}
a.image:hover span{
display:block;
position:absolute;
z-index: 3;
top: -55px;
left: 150px;
}

img{
	border:none;
}

img#dim280, img#dim150, img#dim110{
	border:1px solid #CFCFCF;
	padding:2px;
}

img#dim280{
	width:280px;
}

img#dim150{
	width:150px;
}
img#dimw110{	
	width:110px;
	
}
img#dim110{	
	height:110px;
}
img#dim100{
	
	height:100px;
}
img#dim35{
	
	height:35px;
}

img.left {
	float: left;
	margin: 5px 20px 0 0;
	border:1px solid #CFCFCF;
}

img.right {
	float: right;
	margin: 5px 0 0 20px;
	border:1px solid #CFCFCF;
	
}
h1.left,h3.left {
	float: left;
	
}

h1.right ,h3.right {
	float: right;
	
}



/* Mise en page du fil d'ariane, des liens ainsi que des traits qui le composent */
.ariane{
	text-align:left;
	padding-left:177px;
	padding-top:0px;
	width:500px;
	color: #37404C;
	font:12px Verdana;
}

.ariane a{
	text-decoration:underline;
	font-size: 12px;
	color: #37404C;
}


.fdnumpage{
	background-color: #ffffff;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 12px;
	
	
}
.fdnumpage a {
	
	color:#37404C;	
	
}

.fdnumpage a:hover{
	
	color:#0099ff;	
}

/* Wrapper */

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: url(../images/img002.jpg) repeat-y;
}

#wrapper2 {
	/*background: url(../images/img010.jpg) no-repeat left bottom;*/
}

/* Header */

#header {
	height: 160px;
	background:  url(../images/img006.jpg) no-repeat;
}

/* Logo */

#logo {
	background:url(../images/logoariane.jpg) no-repeat;
	float:left;
	width:854px;
	height:124px;
	margin-right:auto;
	margin-left:50px;
	/*.margin-left:50px; /*toutes les lignes avec un point ou un _ devant ne sont interprétées que par Internet Explorer. Un de ces deux n'est lu que par IE 6, mais je n'ai pas réussi à le faire fonctionner*/
	/*_margin-left:50px; /*cela permet de maximiser la compatibilité entre les navigateurs */
	margin-top:20px;
	cursor:pointer; 
}

#logo a {
	text-decoration: none;
	color: #000;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0;
	padding: 35px 35px 0 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;	
}

#menu a {
	background:url(../images/img_menu.jpg) repeat-x;
	margin-left: 10px;
	margin-right: 15px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	font:14px Helvetica;
	font-weight: bold;
	color: #37404c;
}

#menu a:hover {
	text-decoration:none;
}

#menu_login{
	float:right;
	width:250px;
	height:200px;
}

.login{
	float:right;
	width:200px;
}

table#login{
	color:#0099ff;
	font:11px Verdana;
	width:200px;
}

.log,.pwd{
	width:110px;
	}

	
/* Page */

#page {
	background: url(../images/img002.jpg) no-repeat;
}

/* Content */

#content {
	float: left;
	width: 555px;
	padding: 0 0 0 76px;	
	color: #37404C;
}

.post {
	padding-top: 50px;
}

.post .title {
}

.post .title a {
	text-decoration: none;
	color: #37404C;
}

.post .title a:hover {
	text-decoration: none;
}

.post  .entry  {
	
	
}

.post .meta {
	height: 16px;
	margin: 0;
	padding: 10px;
	background: url(../images/img07.jpg) repeat-x left bottom;
	line-height: normal;
	
}

.post .meta .posted {
	display: block;
	float: left;
}

.post .meta .permalink {
	display: block;
	float: right;
	padding-left: 17px;
	background: url(../images/img09.gif) no-repeat left center;
}

.post .meta .comments {
	display: block;
	float: right;
	padding: 0 30px 0 19px;
	background: url(../images/img08.gif) no-repeat left center;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 186px;
	padding: 67px 76px 0 0;
	
}

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

#sidebar li {
	margin-bottom: 40px;
	color: #37404C;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
}



/* Search */

#search {
	color:#0099ff;
}

#search input{
	border: 1px solid #0099ff;
	font-size: 11px;
	font-weight: bold;
	float:right;
}

#search #s {
	width: 180px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6B6B6B;
}

/* formulaire de recherche */

.form_recherche {
	font:11px Verdana; 
	color:#0099FF;
	text-align:right;
}

table.form_recherche {
	width:180px;
}

.form_recherche   label{
	text-align:left;
	padding-right:25px;
	padding-left:0;	
}

.log,.pwd{
	width:100px;
}

/* Widebar */

#widebar {
	margin: 0 50px;
	padding: 25px 28px 0 28px;
	background: #F2F2F2 url(../images/img11.gif) repeat-x;
}

#widebar #colA {
	float: left;
	width: 260px;
}

#widebar #colB {
	float: left;
	width: 260px;
	padding-left: 45px;
}

#widebar #colC {
	float: left;
	width: 186px;
	padding-left: 45px;
}

/* Footer */

#footer {
	height: 108px;
	background:#dedddd url(../images/img005.jpg) no-repeat center;
}

#footer p {
	margin: 0;
	padding-top: 45px;
	text-align: center;
	color: #37404C;
}

#footer a {
	color: #37404C;
}

.galerie{
	text-align:left;
	width:450px;
	margin:auto;
	
}


.img_rubrique_asso{
	float: left;
	width: auto;
	border:none;
	margin: 0 5px 5px 0;
	padding: 5px;
	text-align:center;
}
.img_rubrique_asso a {
	color:#888b90;
}

.img_rubrique_asso img{
	border : none;
}
 .clearboth { 
	 clear: both;
 }
 div.separation{
	background: #fff url(../images/hr.jpg) repeat-x;
	margin-bottom:4px;
	margin-top:6px;
 }
 
 table.boite {
	width:550px;
	color: #37404C;
 }
 table.boite td{
	padding:10px 0 10px 0; 
 }
 table.boite td.texte{
	vertical-align:top;
	
 }
span.titre, li a span.titre {
	font:bold 12px Arial;
	
 }
 a span.titre {
	color: #37404C;	
 }
 a:hover span.titre {
	color: #0099ff;	
 }
 
 table.boite td.image{
	width:150px;
	
 }
 img.right_center {
	float: right;
	margin: 0 0 10px 0;
	border:1px solid #CFCFCF;
	padding:2px;
}

img.right_center_w {
	float: right;
	margin: 0 0 10px 0;
	border:1px solid #CFCFCF;
	padding:2px;
	width:110px;
	
	
}

/*Page Contact*/

.contact{margin-top:60px;.margin-top:30px;margin-left:10px; line-height: 1.4em;}
.fond_contact{background-image:url(../images/contact.jpg);background-color:#dfdee3;}
#formulaire{width:600px;}
#formulaire td{text-align:left;}
#formulaire td#nom_info{width:90px;text-align:left;}
#nom{width:185px;text-align:left;}
.input_nom{width:170px;}
.input_adr{width:495px;.width:490px;_width:497px;}
.message{width:495px;.width:494px;height:60px;}
#formulaire td#boutonC{text-align:center;height:38px;}
/*textbox*/