body{
	font:15px arial,sans-serif;
	background-color: #3e3e40;
}
#wrapper{
	width:960px;
	margin:auto;
	background:#f6f6f6 url('grfx/bgfooter2.jpg') bottom center no-repeat;
	position:relative;
}
strong{
	font-weight:bold;
}
/* HEADER */

header{
	background: url('grfx/bg_header.jpg');
	height:160px;
}
header h1 a{
	display:block;
	position:absolute;
	width:248px;
	height:110px;
	background:url('grfx/logo.jpg');
	text-decoration:none;
	top:32px;
	left:48px;
}
header h1 a span{
	display:none;
}
header h2{
	position:absolute;
	left:399px;
	top:60px;
	color:#fff;
	font: 25px/36px 'EnigmaticRegular', Arial, sans-serif;
}
header h2 span:last-child{
	display:block;
	text-indent:140px;	
}
header .h1 a{
	display:block;
	position:absolute;
	width:248px;
	height:110px;
	background:url('grfx/logo.jpg');
	text-decoration:none;
	top:32px;
	left:48px;
}
header .h1 a span{
	display:none;
}
header .h2{
	position:absolute;
	left:399px;
	top:60px;
	color:#fff;
	font: 25px/36px 'EnigmaticRegular', Arial, sans-serif;
}
header .h2 span:last-child{
	display:block;
	text-indent:140px;	
}
header nav{
	float:right;
	padding-top:16px;
	padding-right:37px;
	height:28px;

}
header nav a{
	height:26px;
	color:#fff;
	text-decoration:none;
	font: 11px/26px 'Lucida grande', Arial, sans-serif;
	/*font-size:12px;
	line-height:27px;*/
	margin-right:9px;
	border:1px solid #ccc;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	padding:0 5px 0 40px;
	background:  rgba(255, 255, 255 ,0.2) url('grfx/mail.png') 7px 2px no-repeat;
	

}

header nav a:hover{
	background-color: rgba(255, 255, 255 ,0.5);
}
header nav form{
	float:left;
}
header nav label{
	display:none;
}
header input[type="text"] {
	float:left;
	-webkit-border-radius: 20px;
	-moz-border-radius: 10px;
	border-radius: 20px;
	
	background: rgb(242,243,242) url('grfx/loupe.png') 5px 3px no-repeat; /* Old browsers */
	background: url('grfx/loupe.png') 5px 3px no-repeat, -moz-linear-gradient(top, rgba(242,243,242,1) 0%, rgba(255,255,255,1) 35%); /* FF3.6+ */
	background: url('grfx/loupe.png') 5px 3px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,243,242,1)), color-stop(35%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: url('grfx/loupe.png') 5px 3px no-repeat, -webkit-linear-gradient(top, rgba(242,243,242,1) 0%,rgba(255,255,255,1) 35%); /* Chrome10+,Safari5.1+ */
	background: url('grfx/loupe.png') 5px 3px no-repeat, -o-linear-gradient(top, rgba(242,243,242,1) 0%,rgba(255,255,255,1) 35%); /* Opera11.10+ */
	background: url('grfx/loupe.png') 5px 3px no-repeat, -ms-linear-gradient(top, rgba(242,243,242,1) 0%,rgba(255,255,255,1) 35%); /* IE10+ */
	background: url('grfx/loupe.png') 5px 3px no-repeat, linear-gradient(top, rgba(242,243,242,1) 0%,rgba(255,255,255,1) 35%); /* W3C */
	height:26px;
	line-height:26px;border:0;
	border-bottom:1px solid #d4d5d7;
	
	margin:0 9px 0 0;
	padding: 0 0 0 31px;
}
header input[type="image"], header nav a{
float:left;	
}

/* fin HEADER */

/* structure*/

#structure{
	width:860px;
	margin:auto;
}
#structure h1, #structure div.h1{
	font: 25px/36px 'EnigmaticRegular', Arial, sans-serif;
	color:#A7C500;
	margin-top:30px;	
}
#structure p{
	float:left;
	width:355px;
	background:url('grfx/flechDownAccordeon.gif') no-repeat;
	padding-left:50px;
	height:42px;
	line-height:21px;
	margin:10px 0 0;
}
#structure p:last-child{
	margin-left:50px;
}

/*fin strucutre */

/* accordeons */
.ui-helper-reset {
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    text-decoration: none;
}
#association{
	margin:20px 50px 50px 50px;
}
#conseil{
	margin:20px 0 50px 0;
}
.accordeon{
	width:405px;
	float:left;
	position:relative;
}
.ecota{
	//background: url('css/grfx/bg01.jpg');
}
.ui-accordion-header{
	margin:0;
	padding:0px 10px;
	
	-moz-box-shadow:inset 10px 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3);
	box-shadow:inset 0 5px 5px rgba(0,0,0,0.3);
}
.accordeon-header11{
	background: #6eab21; /* Old browsers */
	background: -moz-linear-gradient(left, #6eab21 0%, #a0c12e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6eab21), color-stop(100%,#a0c12e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #6eab21 0%,#a0c12e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #6eab21 0%,#a0c12e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #6eab21 0%,#a0c12e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eab21', endColorstr='#a0c12e',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #6eab21 0%,#a0c12e 100%); /* W3C */}
.accordeon-header21{
	background: #009ee0; /* Old browsers */
	background: -moz-linear-gradient(left, #009ee0 0%, #6fc0dc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#009ee0), color-stop(100%,#6fc0dc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #009ee0 0%,#6fc0dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #009ee0 0%,#6fc0dc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #009ee0 0%,#6fc0dc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#6fc0dc',GradientType=1 ); /* IE6-9 */
	background: linear-gradient(left, #009ee0 0%,#6fc0dc 100%); /* W3C */}
.accordeon-header12{ background-color: #c2ce0f;}
.accordeon-header13{ background-color: #98bc1a;}
.accordeon-header14{ background-color: #86b918;}
.accordeon-header15{ background-color: #3c9926;}
.accordeon-header22{ background-color: #88c6db;}
.accordeon-header23{ background-color: #009ee0;}



.accordeon div:first-child .ui-accordion-header{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.accordeon div:last-child .ui-accordion-header, .accordeon div:last-child .ui-accordion-content-active img{
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.accordeon div:last-child .ui-state-active{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.accordeon h3, .accordeon div.h3 {
	position:relative;
}
.accordeon h3 a , .accordeon div.h3 a {
	padding-left:10px;
	color:#fff;
	font: 14px/30px 'EnigmaticRegular', Arial, sans-serif;
	text-decoration:none;
	outline:none;
	
}

.ui-icon{
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	top:7px;
	left:3px;
	background-image: url("grfx/ui-icons_ffffff_256x240.png");
}

/*.ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

.ui-accordion .ui-accordion-header .ui-icon {
	left: 0.5em;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}*/
.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}
.ui-icon-triangle-1-e {
	background-position: -32px -16px;
    }
    
#association .ui-accordion-content{
	height:260px;
}
#conseil .ui-accordion-content{
	height:140px;
}
    
/* fin accrodeons */
/* actus home */
#actu{
	padding-left:35px;
	clear:both;
}
#actu h2, #actu div.h2{
	padding-left:15px;
	font: 18px/36px 'EnigmaticBold', Arial, sans-serif;

}
#actu h2 a, #actu div.h2 a{
	color:#a7c500;
	text-decoration:none;
}
#actu h2 a:hover, #actu div.h2 a:hover{
	text-decoration:underline;
}
#listactu{
	
	width:450px;
	float:left;
	
	font:bold 14px arial,sans;
	
}

#listactu a{
	padding-left:15px;
	float:left;
	display:block;
	width:208px;
	height:70px;
	padding-top:20px;
	border-right:1px solid #848587;
	color:#58585a;
	text-decoration:none;
	/* Fonctionne dŽjˆ sur webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.5s;
				
	/* Bient™t supportŽ par Firefox */
        -moz-transition-property: background-color;
	-moz-transition-duration: 0.5s;
				
	/* É et lorsque ce sera standardisŽ */
	transition-property: background-color;
	transition-duration: 0.5s;	
}
#listactu h3, #listactu div.h3{
	display:none;
}
#listactu a:hover{
	text-decoration:underline;
	background:#fff;
}


/* fin actu home */
/* nuage de tags */
#tagcloud{
	width:450px;
	height:200px;
	float:left;
	position:relative;	
}

#tagcloud a{
	font: 18px 'EnigmaticRegular', Arial, sans-serif;
	padding:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	border: 1px solid rgba(0, 0, 255, 0);
	position:absolute;
	text-decoration:none;
	text-align:center;
	/* Fonctionne dŽjˆ sur webkit */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.1s;
				
	/* Bient™t supportŽ par Firefox */
        -moz-transition-property: all;
	-moz-transition-duration: 0.1s;
				
	/* É et lorsque ce sera standardisŽ */
	transition-property: all;
	transition-duration: 0.1s;	
}
#tagcloud a:hover{
	background:#fff;
	border:1px solid #ccc;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
#tagcloud a.tag_iso		{ color:#009ee0; top:0px;	left:20px;	font-size:22px;}
#tagcloud a.tag_insertion	{ color:#88c6db; top:0px;	left:240px;	font-size:21px; }
#tagcloud a.tag_bilan		{ color:#a7c500; top:60px;	left:33px;	font-size:31px; }
#tagcloud a.tag_iso2		{ color:#9c9e9f; top:68px;	left:280px;	font-size:18px; }
#tagcloud a.tag_economie	{ color:#58585a; top:132px;	left:47px;	font-size:20px; width:160px;}
#tagcloud a.tag_audit		{ color:#cdd400; top:107px;	left:260px;	font-size:18px; }
#tagcloud a.tag_strategie	{ color:#cdd400; top:35px;	left:30px;	font-size:18px; }
#tagcloud a.tag_projet		{ color:#88c6db; top:150px;	left:240px;	font-size:16px; }


/*fin NUAGE DE TAGS */


/* FOOTER */
footer{
	font: 12px/14px arial,sans;
	clear:both;
	height:180px;
	padding-left:50px;
}
footer a{
	text-decoration:none;
}
footer a:hover{
	text-decoration:underline;
}
footer nav {
	height:150px;
	position:relative;
	top:15px;
	display:table-cell;
	vertical-align:bottom;
}
footer nav ul li a{
	font-weight:bold;
	color:#fff;
}
footer nav ul li ul{
	width:280px;
	height:100px;
	display:table-cell;
	vertical-align:bottom;
}
footer nav ul li ul li ul{
	display:inline;
}
footer nav ul li ul li h3{
	color:#58585a;
	display:block;
	padding-top:6px;
	font-weight:bold;
}

footer nav ul li li li a{
	display:block;
	color:#fff;
	padding-top:0;
	font-weight:normal;
}
footer nav ul li ul li li{
	display:inline;
}
footer nav ul li ul li h2 a{
	color:white;
	font-weight:bold;
	font-size:1.4em;}



/* fin FOOTER */
/* mentions */
#mentions{
	width:960px;
	margin:auto;
}
#mentions p{
	font-size:0.8em;
	text-align:right;
	color:#ccc;
}
#mentions a{
	color:#ccc;
}