*{
margin: 0;
padding: 0;
}

body {
font-family: Arial,sans-serif;
font-size: 75%;
color: #666;
}

a  {
color: #ff6600;
text-decoration: underline;
}

a:hover    {
text-decoration: none;
}
a img{
text-decoration: none !important;
}
h3 a {color: #666;text-decoration: none;}
h3 a:hover {text-decoration:underline;}

h2 {
font-size: 1.5em;
}

h3{
font-size: 1.1em;
}
#content h2, h3, h4, h5, h6    {
color: #545454;
margin-bottom: 0.5em;
padding-bottom: 0.3em;
}
#droite h3{
margin:0.5em 0.1em 0.3em 2em;
}

/* Outer */
#outer    {
	padding: 0em;
	width:100%;
		width:100%;
		min-width: 780px;
	max-width: 1300px;
	margin: 0 auto;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
}

/* Header */
#header    {
	position: relative;
	height: 138px;
	background: #ff6600;
	padding: 0em;
	margin: 0em;
	width: 100%;
}

#header h1    {
	position: absolute;
	top: 1.8em;
	font-size: 2.2em;
	letter-spacing: -0.05em;
}

#header img    {
	border: none;
	margin:2.7em 0 0 1.5em;

}

#search    {
	float: right;
	width: 200px;
	padding: 0 25px 0 2px;
	position: relative;
	top: 10px;
	color: Black;
	font-size: 9px;
}

#lang    {
	margin-bottom: 10px;
	font-size: 1em;
	color: White;
	font-weight: bold;
}

#lang a:active, #lang a:link, #lang a:visited    {
	margin: 2px 3px 10px 0;
	font-size: 19px;
	color: Black;
	font-weight: bold;
	background-color: #ff6600;
	padding: 0.4em;
	border: 1px solid white;
}

#lang a:hover    {
	background-color: White;
	color: Black;
}
#lang a.on   {
	background-color: White;
}

#lang ul    {
	list-style: none;
	line-height: normal;
	margin: 8px 0;
}

#lang li    {
	display: inline;
}

#search a:active, #search a:link, #search a:visited, #search a:hover    {
	color: Black;
	font-size: 9px;
	text-decoration: none;
}

#header h2    {
	position: absolute;
	font-size: 0.8em;
	top: 8em;
	color: #E0E8EF;
}
#logosite {
clear:both;
	float:left; position:absolute;width:426px;height:138px;
	top:-2.7em;
	left:-1.5em;	
}


/* Menu */
#menu    {
	width: 100%;
	height: 30px;
	float: right;	
	padding:0;
	margin:0;
	position: absolute;
	bottom:4px;	
}

#menu ul{
	margin: 0px;
	list-style: none;
	line-height: normal;
	float: right;
	background: #ff6600 url("none") ;
	height:32px;
	padding:2px 0 0 2px;
	position:relative;
height: 30px;
}
#menu ul{
	margin: 0px;
	list-style: none;
	line-height: normal;
	float: right;
	background: #ff6600 url("none") ;
	height:32px;
	padding:2px 0 0 2px;
	position:relative;
height: 30px;	
}
#menu li    {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 0;
	background: #FFFFFF;
	font-size: 0.9em;
	margin-bottom:5px;
}
#menu li.on    {
	height: 32px;
	
}
#menu a    {
	display: block;
	float: left;
	background: url(images/img07.gif) top left no-repeat;
	text-decoration: none;
	color: #666666;
}

#menu a:hover    {
	color: black;
	background: Black url(images/bg_tab.jpg) no-repeat;
	background: url(images/img07.gif) top left no-repeat;
}

#menu b    {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 20px 0 20px;
	background: url(images/img08.gif) no-repeat right top;
	cursor: hand;
}

#menu li.active    {
	background: #fff url(images/img07.gif) repeat-x;
}

#menu li.active a    {
	background: url(images/img08.gif) no-repeat right top;
	color: #C90404;
}

#menu li.active b    {
	background: url(images/img05.gif) no-repeat;
}

/* Content */
#content    {
	line-height: 1.5em;
	margin:2em 0 0 0;
	width:100%;
	background-color: white;
}


#content p    {
	margin-bottom: 1.5em;
}





#content ul    {
	margin-bottom: 1.5em;
	padding-left: 1em;
	list-style: square;

}
#content ol{
		margin-bottom: 1.5em;
	padding-left: 2em;
}

#content blockquote    {
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
	border-left: solid 0.75em #005082;
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
}
#content blockquote p.spip{margin-bottom:10px;margin-top:10px;	
}


p.intro    {
	font-size: 1.2em;
	line-height: 1.1em;
}

.rub img    {
	border: 1px solid white;
	text-decoration: none;
}

.rub img:hover    {
	border: 1px solid #ff3300;
	text-decoration: none;
}

#content blockquote p    {
	margin-bottom: 0em;
}

#content table    {
	margin-bottom: 1.5em;
	border-collapse: collapse;
	text-align: left;
}

#content table th    {
	font-weight: bold;
	padding: 0.5em;
}

#content table td    {
	padding: 0.5em;
	border-right: solid 1px #fff;
}

#content table tr.rowH    {
	color: #fff;
	background: #006192 url('images/a8.gif') top left repeat-x;
	border-right: solid 1px #fff;
}

#content table tr.rowA    {
	background: #F8F8F8 url('images/a6.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

#content table tr.rowB    {
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}
.logo {
	float: left; margin-right:5px;	
}
.logo_right {
		float: right; margin-left:5px;
}
.docs_rub{
	float: right;
}

/* Primary Content */
div#main    {
background-color: #fff;
width: 100%;
}

div#main div#centre    {
margin:40px 200px 0;
}

/* colonne de gauche */
div#main div#gauche    {
width: 180px;
background-color: white;
margin-top:-20px;
float:left;
position: absolute;
}

/* Tertiary Content */
div#main div#droite    {
float:right;
width: 20%;
background: url('images/terc_left.png') top left repeat-y;
position:relative;
/* right: 0px; */
margin-top:-20px;
}

#droite .droit_top   {
	background:  url('images/terc_top_left.png') top left no-repeat;
	height: 34px;
}
#droite .droit_bot    {
background: #fff url('images/terc_bottom_left.png') bottom left no-repeat;
height: 40px;
}

#droite p,
#droite div{
padding: 0 0.3em 0 1em;
margin-top:-1em;	
}
#droite ul {
padding: 0 1em 0 3.4em;	
}
#droite hr{
width:80%;
color:#fff;
border:solid #E4E4E4 1px;
border-width: 0 0 1px;
margin:0 auto;
}



.donation form {margin:2em auto 0.5em auto;text-align:center;
	
}
#droite img {
	margin:5px;	
}
.descr {
	font-size:0.9em ;	
	font-style:italic ;
	text-align:right;
}

/* Footer */
#footer    {
	bottom: 0px;
	padding: 1em 0 2em;
	margin: 1em 2em 0;
	text-align: center;
font-size:.85em;
}
#footer p.soutien img{
height:35px;
margin:5px;
}

#footer a:link, a:active, a:visited    {
	text-decoration: none;
}

.clear {	clear: both;}

/* Images */
.imgleft    {
	float: left;
	margin: 0 10px 5px 5px;
}

.imgright    {
	float: right;
	margin: 5px;
}

/* articles pages rubriques */
p.rub    {
	padding-bottom: 2.5em;
	border-bottom: 1px dotted gray;
}

.rubmain    {	padding-bottom: 3em;}

.rubtitle    {	border: none;}

/* image newsletter */
#enews    {	border: none;	text-decoration: none;}

/* Sidebar */
#sidebar    {
	float: left;
	width: 14em;
}

#gauche ul    {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding:0 5px 0 5px;
}
#gauche ul ul   {
	list-style-type: none;
	margin: 0px 0 0 -5px;
	padding:0 5px 0 5px;
}
#gauche li    {	display: block;}

#gauche li li   {	width:100%;	padding-left:5px;}

#gauche li a    {
	display: block;
	padding-top: 1px;
	line-height: 20px;
	color: #222222;
	padding-left: 3px;
	border-bottom: 1px solid #dddddd;
	border-left: 5px solid #fff;
	text-decoration: none;
}

#gauche li a:hover    {
	background: #FFF;
	color: #000;
	text-decoration: none;
	border-left: 5px solid #ff6600;
}

/* centre */
div#main div#centre div.liste-rech{
margin-top:30px;
}
div#main div#centre .readmore{
text-align:right;
}
div#main div#centre hr{
margin:10px auto;
color:#E4E4E4;
border:1px solid #E4E4E4;
border-width:1px 0 0;
}
div#main div#centre div.chapo{
font-weight:bold;
}
div#main div#centre h3{
clear:left;
}
div#main div#centre div.img_portfolio{
float:left;
padding:10px;
width:150px;
}
div#main div#centre div.img_portfolio div.img_txt{
font-size:.9em;
line-height:1;
}
#content div#centre div.block_intro{
border-bottom:1px solid #E4E4E4;
padding:5px 0;
margin:10px;
}
#content div#centre div.block_intro div.date{
font-size:.8em;
font-weight:bold;
}
div#main div#centre div.block_intro div.texte{
min-height:120px;
}

div#main div#centre .spip_documents_center{
clear:none;
}
div#main div#centre div#documents_portfolio{
margin-bottom:20px;
}
div#main div#centre ul.docs{
list-style:none;
}
div#main div#centre ul.docs img.spip_logos{
vertical-align:middle
}

/* Mission Statement for homepage */
#mission_statement    {
	background-color: Aqua;
	background-image: url(images/a6.gif);
	font-weight: normal;
	padding: 3px;
	border: 1px solid gray;
}
#mission_statement h3    {
	text-transform: uppercase;
	border-bottom: 1px dashed gray;
}
.phototeam{ 
float:left; width:250px; margin:0 0px 10px 0 ;
}

.phototeam img{ margin:0 5px 5px 5px;}

.contform {
	position: absolute;
	background-color: #ffffff;
	width: 250px;	
}
.encart {
	width: 250px;	
}

.encart .forml, .contform .forml{	width: 220px;}
.center{
	text-align:center;
}
.clear {	
clear:both;
}
