/* commented backslash hides from ie5mac \*/
html{
	height:100%;
	margin:0;
	padding:0
}
/* end hack */

html,body {
	padding:0;
	margin:0;
        font-size:11px;
	background:  url(/assets/images/fond_946x11.jpg) repeat left bottom;
 	font-family: "Trebuchet MS", verdana, sans-serif;
 }

body{
	text-align:left;
	min-width:980px;/* for mozilla*/
      /*  background: url(/assets/images/fond_page_17x200.jpg);*/
	height:100%;
}

#wrapper {
	_height: 82px;
}
#wipe {
        position:absolute;
	top:90px;
	left:10px;
	width:750px;
	height:150px;
	z-index:190;
	background:  url(/assets/images/wip-sign.gif) no-repeat center;
}
#outer{
	height:99.9%;
        min-height:100%;
	width:980px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
	background:  url(/assets/images/fondfenetre_980x2.jpg) repeat-y left top;
}

/* mac hide \*/
* html #outer{
	width:980px
}
/* end hide*/

html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner{
	width:100%;
	padding-top:143px;/*necessaire pour faire de la place pour le header*/
}

 #header{position:absolute;top:0;left:0;width:980px;height:94px;z-index:74;background-image:url(/assets/images/sprite-large.jpg);background-position:0px -1px; no-repeat left top;}


#pubspace{position: absolute;
          top:18px;
          left: 260px;
}

#ajaxmenu{
	position:absolute;
	top:93px;
	left:0px;
	width:980px;
	height:43px;
	z-index:75;
background-image:url(/assets/images/sprite-large.jpg);background-position:0px -99px; no-repeat left top;
}

/* mac hide \*/
* html #outer, * html #header {width:770px}
/* end hide*/
div#ajaxSearch_resultListContainer {width:80%;margin:5px 15px;}
span.ajaxSearch_highlight, span.ajaxSearch_highlight1 {font-weight:normal;} /* color:#618200;text-decoration:underline; */
.ajaxSearch_paging{font-size:150%;text-align:center;display:block;background-color:#FFFFFF}
#footer {
	color: #000;
	clear:both;
	width:980px;
	height:82px;
	text-align:center;
	left:0px;
	bottom:0px;
	position: relative;
background-image:url(/assets/images/sprite-large.jpg);background-position:0px -142px;
}

#login {
        width:29px;
        height:82px;
        float:right;
        background: url(/assets/images/login_29x82.jpg) no-repeat right top;
}

#login_over {
	text-align:left;
        width:150px;
        height:73px;
        float: right;
        background: #FFB900;
}

* html #footer{
	margin-bottom:-1px
}
/* contournement bug IE*/

/* mac hide \*/
* html #footer {
/*only ie gets this style*/
	height:82px;
	/* for ie*/
}
/* end hide*/

div,p  {
	margin-top:0px;
}/*clear top margin for mozilla*/

 #right{width:161px;float:right;z-index:55;}
 #rightb p a{color:#618200;width:130px}
 #right-inner{width:150px;text-align:left;}

 #left{position:relative;width:720px;float:left;z-index:56;}
 #left-inner{margin-left:21px;text-align:left;}

#clearfooter {
	width:100%;
	height:82px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-82px;
} /*safari wrapper */

#contenu {
	z-index: 100;
	padding-bottom: 7px;
width:730px;

}

#contenuguide {
z-index: 100;
padding-bottom: 7px;
padding-left:15px;
width:1000px;

}

#contenu .titreimg{line-height:28px;width:441px;height:28px;padding-left:0px;text-align:center;background-image:url(/assets/images/titreimg.png);}

#contenu h2 a:link,#contenu h2 a:visited,span.grostitre{font-size:12px;color:#333;text-decoration:none;text-transform:uppercase;}

body {font-family: "Trebuchet MS" verdana, arial,"helvetica neue", helvetica , sans-serif;font-size: 90%;line-height: 1.5em;}
 #contenu h1{font-size:150%;line-height: 250%;}
 #contenu h2{font-size:120%;line-height: 220%;}
 #contenu h3{font-size:100%;line-height: 200%;}
 #contenu h4{font-size:100%;line-height: 200%;}
 #contenu h5{font-size:80%; line-height: 180%;}
h1,h2,h3,h4 {margin-top:1em;}

#contenuguide .titreimg{line-height:28px;width:441px;height:28px;padding-left:0px;text-align:center;background-image:url(/assets/images/titreimg.png);}

#contenuguide h2 a:link,#contenuguide h2 a:visited,span.grostitre{font-size:12px;color:#333;text-decoration:none;text-transform:uppercase;}

#contenuguide h1{font-size:150%;line-height: 250%;}
#contenuguide h2{font-size:120%;line-height: 220%;}
#contenuguide h3{font-size:100%;line-height: 200%;}
#contenuguide h4{font-size:100%;line-height: 200%;}
#contenuguide h5{font-size:80%; line-height: 180%;}


div.titre {
position:relative;
clear:left;
margin: 0 0 0 10px;

}
div.titre h2 {
padding:2px 10px 2px 10px;
display:inline;margin:0;
background-image:url(/assets/images/add-on.jpg);background-position:-185px -60px;
}

span.dernajout {
padding:3px 30px 1px 30px;
background-image:url(/assets/images/add-on.jpg);background-position:-188px -92px;
color:white;
}

span.total{
padding:3px 20px 1px 10px;
background-image:url(/assets/images/add-on.jpg);background-position:-335px -60px;
color:white;
margin:-5px;
}



div.titre h2 a:link{margin:0;}

#contenu p {
        margin-left: 15px;
        margin-right: 15px;
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

#contenu p a {
	color: #618200;
}

#contenu p a:hover {
	color: #928316;
}

#contenuguide p {
        margin-left: 15px;
        margin-right: 15px;
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

#contenuguide p a {
	color: #618200;
}

#contenuguide p a:hover {
	background-color: #618200;
	color: #ffffff;
}
/* David add */
div.navibar a, div#ditto_pages a {color:#618200;}
div#ditto_pages a {font-size:150%;}
span.ditto_currentpage {font-size:150%;font-weight:bold;}
div.navibar {margin:15px 0;}


.FSF_searchResults {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

.FSF_resultLink {
	color: #618200;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 18px;
}

.highlight {
	font-size: 12px;
	background-color: #f2f2f2;
	color: #618200;
	font-weight: bold;
	line-height: 18px;
	_line-height: 18px;
}

img {
	border: dotted 0px #444444;
}

#contenu ul li{
	margin-bottom: 0.5em;
	font-size: 110%;
}

.LIn_shortMode {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.LIn_desc {
	display: none;
}

.LIn_date {
	font-style: italic;
	margin-left: 5px;
}

#contenu a:hover
{
    color: #bbb;
}

#admin_over h5
{
       margin-top: -5px;
       margin-left: 5px;;
}

.admincmd {
        margin-top: -5px;
        margin-left: -15px;
        font-style: italic;
        font-size: 10px;
}
.myarticles {
        margin-top: -15px;
        margin-left: 5px;
        font-size: 10px;
}
.illustrart{float:left; width:80px; text-align:center; margin:0px 5px 0px 5px; padding:3px; border:1px solid #ccc;max-width:80px;}

div.navibar{text-align:center;clear:both;}
/* exemple pour les images de la barre de navigation:
a.iconeprec {padding:33px 7px 2px 7px; background: transparent url(//assets/templates/dp_site/images/page_precedente.gif) top left no-repeat;}
a.iconehaut {padding:33px 7px 2px 7px; background: transparent url(//assets/templates/dp_site/images/page_top.gif) top left no-repeat;margin:0 10px;}
a.iconeaccueil {padding:33px 7px 2px 7px;background: transparent url(//assets/templates/dp_site/images/page_accueil.gif) top left no-repeat;}
*/

ul.plan a {text-decoration:none;color:#666;}
ul.plan li {list-style-type:none;}
.imgleft {
float:left;
margin: 3px 3px 0 0;
padding:3px;
border:1px solid #ccc;
}
.imgright {
float:right;
margin: 0 0 3px 3px;
padding:3px;
border:1px solid #ccc;
}



.centre, .center, .centrer {text-align:center;}
.droite{text-align:right;}
.left{text-align:left;}
.rouge {color:red;}
.fl {float:left;}
.error, .erreur {color:#c00;}
.clearboth, br.clearboth {clear:both;}
.redacteur {float:left;height:25px;margin:0px 5px 20px 5px;}
.grostitre {color:#666;}
.from {clear:both;color:#666;}
.sstitre {color:#666; margin: -12px 0px 5px 0px;}
.resume {text-align: justify;}

.sprite { background : url(/assets/images/sprite.png); }
.drapeau { width : 24px; height:15px }
.rss{ width : 23px; height:23px; background-position : -117px -8px ; }
.logo { width : 18px; height:18px }
.francais {background-position : 0px 0px; }
.anglais {background-position : -26px 0px ; }
.twitter {background-position : 0px -21px; }
.myspace {background-position :  -20px -21px; }
.google {background-position :  -42px -21px; }
.facebook {background-position : -62px -21px ; }
.yahoo {background-position :  -84px -21px ; }
.ajout{ width : 22px; height:22px; background-position : -114px -25px ; }
.ajout:hover{ width : 22px; height:22px; background-position : -145px -25px ; }

#profil1 {
width: 295px;
float: left;
height: 450px;
background:url(/assets/images/profil1.jpg) repeat-x;
margin-left: 15px;
padding-left:5px;
} 

#prof {
width: 120px;
float: left;
height: 120px;
background-image:url(/assets/images/sprite3.jpg);background-position:-308px -232px; no-repeat center top;
} 

#prof2 {
width: 290px;
float: left;
} 

#profil1 div img{
margin-left: 7px;
margin-top: 10px;
} 

#profil2 {
width: 395px;
float: left;
height: 450px;
background:url(/assets/images/profil1.jpg) repeat-x;
margin-left: 15px;
padding-left:5px;
}

#uti1 {
width: 495px;
height :180px;
float: left;
background-image:url(/assets/images/sprite3.jpg);background-position:-15px 0px; no-repeat center top;
padding-left: 150px;
padding-top: 40px;
}
#uti2 {
width: 150px;
height :150px;
float: left;
}
#uti3 {
width: 200px;
height :150px;
float: left;
}

.altrow { background:#ddd; }
.charsep{text-align:center;font-size:2em;color:#888; }

.billetitem ,.carnetitem{margin-bottom:1em;padding-top:0.5em;padding-left:0.5em;clear:left;}
img.trombi {float:left;width:30px;border:none;clear:left;margin:0.3em;margin-top:0;}
#contenu .billetitem h2 ,#contenu .carnetitem h2 {padding:0;;padding-top:0; float:left;line-height:1em;margin:0; }
div.ebuttons {float:right;width:50px;height:15px;}
.commentcount {float:right;margin-right:2em;}
.auteurdate{ clear:right;line-height:0.9em;margin-bottom:0.7em;}/*line-height:0.3em; }border:1px solid blue;*/
.auteur {font-weight:bold;font-size:0.8em;}
.date {color:#888;font-size:0.9em;}
img.illustrart {float:left;height:5em;border:1px;clear:left;margin:0.3em;margin-top:0;}


 #guide1{float:left;width:225px;height:100px;background-image:url(/assets/images/guide.jpg);background-position:0px 0px; no-repeat left top; text-decoration:none;}
 #guide2{float:left;width:225px;height:100px;background-image:url(/assets/images/guide.jpg);background-position:-245px 0px; no-repeat left top;margin-left:15px; text-decoration:none;}
 #guide3{float:left;width:225px;height:100px;background-image:url(/assets/images/guide.jpg);background-position:-490px 0px; no-repeat left top;margin-left:15px; text-decoration:none;}

 #guide4{float:left;width:110px;height:90px;margin-left:5px;margin-top:10px;font-size:11px;color:#333333}
 #guide5{float:left;width:90px;height:90px;margin-left:5px;margin-top:20px} 
 #guide6{float:left;width:90px;height:90px;margin-left:115px;margin-top:10px;font-size:11px;color:#333333} 
#guide7{float:left;width:713px;height:101px} 


 #guide4 a{text-decoration:none;color:#333333;}
 #guide4 a:hover{text-decoration:none; color:#000000;}
 #guide6 a{text-decoration:none;color:#333333;}
 #guide6 a:hover{text-decoration:none; color:#000000;}

.fixe {
  position: absolute;
  top: 10px;
  left: 10px;
z-index:20000;
width:30px;
}
html>body .fixe {
  position: fixed;
}

ul#util li{height:32px;list-style-type:none;}
ul#util li.padded{height:38px;}
ul#util li a {display:block;height:30px;width:30px;}
a#ufr{background-image:url(/assets/images/sprite.png);background-position:-152px -87px;}
a#ufr:hover{background-image:url(/assets/images/sprite.png);background-position:-152px -48px;}
a#ugb{background-image:url(/assets/images/sprite.png);background-position:-36px -88px;}
a#ugb:hover{background-image:url(/assets/images/sprite.png);background-position:-36px -48px;}
a#umail{background-image:url(/assets/images/sprite.png);background-position:-72px -87px;}
a#umail:hover{background-image:url(/assets/images/sprite.png);background-position:-72px -48px;}
a#ufaq{background-image:url(/assets/images/sprite.png);background-position:0px -87px;}
a#ufaq:hover{background-image:url(/assets/images/sprite.png);background-position:0px -48px;}
a#ulog{background-image:url(/assets/images/sprite.png);background-position:-113px -87px;}
a#ulog:hover{background-image:url(/assets/images/sprite.png);background-position:-113px -48px;}
a#urss{background-image:url(/assets/images/sprite.png);background-position:-114px 0px;display:block;height:22px;width:22px;float:left;margin-right:10px}
a#urss:hover{background-image:url(/assets/images/sprite.png);background-position:-145px 0px;display:block;height:22px;width:22px;float:left;margin-right:10px}
a#uajo{background-image:url(/assets/images/sprite.png);background-position:-114px -25px;display:block;height:22px;width:22px;float:left;margin-right:10px}
a#uajo:hover{background-image:url(/assets/images/sprite.png);background-position:-145px -25px;display:block;height:22px;width:22px;float:left;margin-right:10px}
a#ufac{background-image:url(/assets/images/sprite.png);background-position:-82px -4px;display:block;height:20px;width:20px;float:left;margin-right:10px}
a#ufac:hover{background-image:url(/assets/images/sprite.png);background-position:-82px -27px;display:block;height:20px;width:20px;float:left;margin-right:10px}
a#utwi{background-image:url(/assets/images/sprite.png);background-position:-54px -4px;display:block;height:20px;width:20px;float:left;margin-right:10px}
a#utwi:hover{background-image:url(/assets/images/sprite.png);background-position:-54px -27px;display:block;height:20px;width:20px;float:left;margin-right:10px}
a#uglo{background-image:url(/assets/images/sprite.png);background-position:-21px -0px;display:block;height:25px;width:25px;float:left;margin-right:10px}
a#uglo:hover{background-image:url(/assets/images/sprite.png);background-position:-21px -25px;display:block;height:25px;width:25px;float:left;margin-right:10px}

#uti1 {
width: 495px;
height :180px;
float: left;
background-image:url(/assets/images/sprite3.jpg);background-position:-15px 0px; no-repeat center top;
padding-left: 150px;
padding-top: 40px;
}
#uti2 {
width: 150px;
height :150px;
float: left;
}
#uti3 {
width: 200px;
height :150px;
float: left;
}
#fondatlas {
width: 146px;
height :31px;
float: left;
background:url(/assets/images/fond-atlas.gif );
} 

#fondatlas a:link p,#fondatlas a:visited p {margin-left:7px;margin-top:7px;color: #000;}
#fondatlas a:hover p {margin-left:7px;margin-top:7px} 

#atlas div {
width: 130px;
float: left;
height: 125px;
background-image:url(/assets/images/sprite3.jpg);background-position:-161px -222px; no-repeat center top;
}

#atlas div:hover {
width: 130px;
float: left;
height: 125px;
background-image:url(/assets/images/sprite3.jpg);background-position:-18px -224px; no-repeat center top;
}

#atlas div a img {
border: 2px;
border-color:#999999;
border:double;
}

#atlas div a:hover img {
border: 2px;
border-color:#999999;
border:double;
}

#atlas div a:active img {
border: 2px;
border-color:#999999;
border:double;
}

#atlas div a:visited img {
border: 2px;
border-color:#999999;
border:double;
}

#contribution a{text-decoration:none;font-weight:200}
#contribution a:hover{text-decoration:none;background-color:transparent;font-weight:300}

#carnet-voyage {
margin-left:25px;
padding-left:25px;
padding-right:25px;
font-size:14px;
float:left;}

p.valide {
color:#FF6600;
font-size:14px;
margin-top:25px;}

#ajout {
display:block;
width:400px;
text-align:center;}

#navigation {display:block;height:62px ;width:350px; padding-left:150px;float:left;margin-top:5px;margin-bottom:5px}
#navigation1 a{background:url(/assets/images/nav1.png) no-repeat;display:block;width:95px;height:62px;float:left }
#navigation1 a:hover{background:url(/assets/images/nav12.png) no-repeat;float:left}
#navigation2 a{background:url(/assets/images/nav2.png) no-repeat;display:block;width:100px;height:62px;float:left }
#navigation2 a:hover{background:url(/assets/images/nav22.png) no-repeat;float:left}
#navigation3 a{background:url(/assets/images/nav3.png) no-repeat; display:block;width:95px;height:62px;float:left }
#navigation3 a:hover{background:url(/assets/images/nav33.png) no-repeat;float:left}



#fenetre1{
width: 415px;
height:280px;
background-image: url(/assets/images/fenetres.png);background-position:0px 0px; no-repeat left top;
}

#fenetre2{
width: 360px;
height:280px;
background-image: url(/assets/images/fenetres.png);background-position:-415px 0px; no-repeat left top;
}

#fenetre3{
	width: 530px;
height:230px;
background-image: url(/assets/images/fenetres.png);background-position:0px -280px; no-repeat left top;
}

#fenetre4{
	width: 530px;
height:410px;
background-image: url(/assets/images/fenetres.png);background-position:0px -510px; no-repeat left top;
}

#guideville(
float:left;
height:15px; 
margin-right:5px;
}

#guideville.img(
width:10px;
height:15px;
}