@import url(/c/tag_cloud.css);

body 			{
    min-width	: 1010px ;
    padding		: 0 ;
    margin 		: 0 ;
    text-align	: center ; /* correction IE 5.X pour le conteneur */
    font		: 70% Verdana,Arial,sans-serif;
    background	: #23517e ;
}
img				{
    border		: 0 ;
}
input,textarea,select	{
    font		: 90%  Verdana,Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    font-family	: "Trebuchet MS",Verdana,Arial,sans-serif;
    color		: #ff7a37;
}

h1
{
    font-size	: 150%;
    text-align	: center;
    border-bottom: 1px solid #ff7a37;
}
h2 {
    font-size	: 140%;
    background	: transparent url('/c/i/h2-bg.png') 0 60% no-repeat;
    margin		: 12px 0 0 4px;
    padding		: 2px 0 2px 70px;
}

ul
{
    margin		: 4px;
    padding		: 0 2px;
}

h4
{
    font-size	: 120% ;
}
h5,h6			{
    font-size	: 110%;
}

.subnav, #contenu .subnav {
    margin		: 0 ;
    padding		: 0 ;
    border		: 0 ;
    visibility	: hidden ;
    clear		: both ;
    line-height	: 0 ;
}

.clear			{
    clear		: both ;
    visibility	: hidden ;
}
.noSize			{
    line-height	: 0 ;
    font-size	: 0 ;
}

form				{
    margin		: 0 ;
}

h1 a, h2 a, h3 a, h4 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited
{
    color		: #23517e;
    text-decoration	: none;
}

/**************************************************/
/*         Titres dans listes news/blogs etc      */
/**************************************************/
h3 {
    font-size	: 140%;
    border		: 3px solid #8b9280;
    border-width	: 3px 0 0 0;
    margin		: 12px 0;
    padding		: 0 0 2px 2px;
    text-align	: left;
}

.col.last h3, .gmnoprint h3
{
    border-width	: 0 0 2px 0;
    margin			: 12px 0 0 0 ;
}

h3 .dateline
{
    float		: right;
    font-weight	: normal;
}

h3 .dateline img
{
    vertical-align	: top;
}

h3.blogPost
{
    background	: transparent url('/c/i/maps/i-blog.gif') center left no-repeat;
    padding		: 0 0 2px 36px;
}

h3.news
{
    background	: transparent url('/c/i/maps/i-news.gif') center left no-repeat;
    padding		: 0 0 2px 36px;
}

.dateline, .dateline a
{
    color		: #666;
}

.dateline
{
    font-family	: "Trebuchet MS",Verdana,Arial,sans-serif;
    font-size	: 11px;
    margin-bottom : 6px;
}

h3 a, h4 a, h3 a:visited, h4 a:visited
{
    color		: #000;
    text-decoration	: none;
}

h3 a:hover, h4 a:hover
{
    color		: #F90;
}

a, a:visited		{
    color		: #7D6E23;
    text-decoration	: none;
}
a:hover			{
    color		: #23517e;
}
input,textarea,select{
    border		: 1px solid #ff7a37 ;
}
input:hover, textarea:hover, select:hover{
    border		: 1px solid #E7BC6E;
}
input:focus, textarea:focus, select:focus{
    border		: 1px solid #EB7D32;
}
#contenu input.submit, #barre input.submit {
    border		: 1px outset #bbb ;
}
#contenu input.submit:hover, #barre input.submit:hover {
    border		: 1px outset #d00 ;
}
#contenu input[type="hidden"] {
    display		: none ;
}


#lienEvitement	{
    display 		: inline ;
    position 	: absolute ;
    left 		: -9999em ;
    font-size	: 0 ;
    line-height	: 0 ;
    width		: 0 ;
    height		: 0 ;
}


.button {
	display				: block;
	background			: transparent url('/c/i/bg-button1.png') center no-repeat;
	line-height			: 35px;
	font-size			: 12px;
	font-weight			: bold;
	width				: 325px;
	margin				: 5px 0 5px 0;
	padding				: 0;
}

#sidebar a.button:hover {
	background			: transparent url('/c/i/bg-button1.png') center no-repeat;
}

#contenu .button.facebook {
	color				: #3B5998;
}
.button.facebook img {
	margin 				: -2px 8px 0 20px;
	vertical-align		: middle;
}

/**************************************************/
/*         Blocs principaux de la page            */
/**************************************************/

#conteneur		{
    margin-left	: auto ;
    margin-right: auto ;
    text-align	: left ; /* on r�tablit l'alignement normal du texte -IE 5.X */
    width		: 1010px ;
    background	: #FFF url('/c/i/bg-main.png') center;
}

#tete 			{
    width		: 1000px ;
    height		: 180px;
    background	: transparent url(/_img/header.jpg) center no-repeat;
    margin		: 0 0 ;
    position	: relative ;
    text-align	: left ;
}

#tete #sitename {
    padding		: 0 6px 0 0;
    color		: #FFF;
    font-size	: 46px;
    font-weight	: bold;
    float		: right;
}

#tete #sitename span {
    font-size	: 28px;
}

#tete #sitename a,#tete #sitename a:hover {
    color		: #FFF;
}
#tete-bottom {
    width		: 1010px ;
    font-size	: 0 ;
    height		: 16px ;
    background	: #8b9280 url('/c/i/bg-tete-bottom.png') center no-repeat;
    margin		: 0 -5px;
}

#tete #login-spacer {
    height		: 120px ;
}
#tete #login {
    width		: 328px;
    margin		: 0;
    padding		: 2px 0px;
    float		: right;
    font-size	: 10px;
    background	: #FFF url('/c/i/bg-box.png') repeat-x left bottom;
    text-align	: center;
    -moz-opacity       : 0.90;
    filter             : alpha(opacity=90);
� � opacity            : 0.90;
}

#tete div#login
{
    border		: 1px solid #000;
    border-width	: 0 0 1px 1px;
}

#login input {
    width		: 50px;
    font-size	: 10px;
    border		: 1px solid #888;
    color		: #000;
    margin		: 0 4px 0 0 ;
}

#login input.submit {
    font-family	: Courier, 'Courier New', monospace;
    width		: auto;
}

#tete #login a, #tete #login a:hover {
    font-family	: Courier, 'Courier New', monospace;
    margin		: 6px;
    width		: auto;
    font-size	: 11px;
    font-weight	: bold;
    background	: none;
    color		: #000 ;
}


#contenu-top		{
    font-size	: 0 ;
    height		: 8px ;
    background	: #8b9280;
}

#contenu 	{
    margin		: 0px 5px ;
    width		: 1000px ;
}
#contenu {
    margin-bottom	: 5pt ;
}

#contenu .col {
    float 		: left ;
    margin		: 0 0 0 6px ;
    width		: 326px ;
    border-left	: 1px solid #CCC;
    display		: inline;
}

#contenu .col.first {
    border		: 0px;
}

#contenu .col.merged {
    width		: 658px ;
}

#contenu .col.wrapper {
    width		: 665px ;
    margin		: 0;
    padding		: 0;
    border		: 0;
}

#contenu .col.side {
    margin		: 0 0 0 2px ;
    border-left	: 3px solid #CCC;
}

#contenu .col .box {
    padding		: 3px;
    margin		: 10px 7px 0px 7px;
    border		: 1px solid #AAA;
    background	: #FFF url('/c/i/bg-box.png') repeat-x left bottom;
}

#contenu .col.noborder {
    border		: 0;

}

#contenu .col .box h2 {
    margin		: 0;
    border		: 0;
    padding		: 2px;
    text-align	: center;
    background	: none;
}

#contenu .col .box h2 a {
    color		: #17406d;
}

#bottom			{
    font-size	: 0 ; /* bug IE */
    height		: 8px ;
    background	: #aaa  url(/c/i/bg-box.png) repeat-x left bottom ;
}

#contenu .col .pub {
    text-align	: center;
    margin		: 18px 0;
    font-size	: 10px;
    color		: #999;
}

.userMessage ul, .userMessage li {
    list-style	: none;
}

/**************************************************/
 *                  Bloc listing                  *
/**************************************************/
#contenu .listing ul ,#contenu .listing li, #contenu .listing_article li
{
    margin 		        : 0 ;
    padding 	        : 1px;
    list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
}

#contenu .col .listing ul
{
    margin 				: 5px 0 5px 3px;
    padding				: 0;
}

#contenu .col .listing ul li
{
    margin				: 0;
    line-height			: 17px;
}

#contenu .listing li
{
    border-top			: 1px solid #D2D2D2 ;
}
#contenu .listing .first
{
    border		  		: 0 ;
}
#contenu .listing li a
{
    display 	  		: block ;
    padding-left  		: 4px ;
    border-left   		: 3px solid #D2D2D2 ;
}
#contenu .listing li span
{
    color         		: #999999;
    float         		: right;
    font-size     		: 10px;
    padding-right 		: 2px;
}

#contenu .listing li a span img
{
    vertical-align		: middle;
}

#contenu .listing li a:hover, #contenu .listing li a.selected {
    border-color  		: #ff7a37 ;
    color				: #ff7a37;
}



#contenu #contexte #specialLink {
    float			 : right ;
    margin			 : 0 5px 0 0 ;
    padding			 : 5px ;
    display			 : inline ;
}

.userMessage ul, .userMessage li {
    list-style	: none;
}


/*-------------------------------*
 *            +infos             *
 *-------------------------------*/
#contenu .plusDinfos {
    text-align	: right ;
    color		: #999 ;
    padding		: 0 2px 0 0 ;
}

#contenu .plusDinfos span {
    display		: block ;
    border-top	: 1px solid #ddd ;
    width		: 200px ;
}

/**************************************************/
/*              Commentaires                      */
/*              (listing)                         */
/**************************************************/

#contenu .enteterating {
    background 	: #dfdfdf ;
    border 		: 1px solid #efefef ;
    padding 	: 3px 15px ;
}

#contenu #commentsummary {
    padding		: 4px ;
    font-size	: 12px ;
    color		: #444 ;
    background	: transparent url(i/bg-separator.png) repeat-x 0 0 ;
    border		: none ;
}

#contenu .enteterating img {
    padding		: 0px 5px 0px 0px;
}

#contenu .enteterating a {
    color		: #3366ff ;
}

#contenu .commentslinks {
    float		: right ;
}

#contenu #comments .commenttext {
    padding		: 5px ;
}

#contenu .LastComment {
    margin			: 5px 15px 0 4px ;
    padding			: 0 0 15px ;
    text-align		: justify ;
}
#contenu .CommentDetails {
    text-align		: left ;
    color			: #888 ;
    margin			: 1px 0px 3px 0px ;
    border-top 		: 1px solid #DDD;
}

#contenu .CommentContent {
    margin     : 0;
    font-style : italic;
}

#contenu .CommentContent a {
    float : right;
}

#contenu .LastComment a {
    font-size		: 110%;
 }

#contenu .cAdmin
{
        float : right;
}
.col.last #comments a:hover
{
    background	: none;
}

.col.last #comments dt a
{
    font-weight	: bold;
}

.col.last #comments dt .dateline a
{
    font-weight	: normal;
}

.col.last #comments dt .dateline
{
    border-top	: 1px solid #DDD;
    color		: #666;
    width		: 310px;
    font-weight : normal;
}

.col.last #comments dt a img
{
    vertical-align	: middle;
}

.col.last #comments dt
{
    padding: 0px;
    margin: 0 5px 8px 5px;
}
.col.last #comments dd
{
    background : none;
    border	: 0;
    padding: 0px;
    margin: 0 5px 8px 5px;
    font-style	: italic;
}


#contenu .more
{
    margin-top			: 12px;
    font-weight			: bold;
    text-align			: right;
}

#contenu .more a, #contenu .more a:visited
{
    color				: #ff7a37;
}
#contenu img.loading
{
    width				: 16px;
    height				: 16px;
}

#contenu .col.last #map_html
{
    margin				: 4px;
}

#map_html h2 {
    background			: none;
    border-bottom		: 1px solid #ff7a37;
    margin				: 12px 0 0 0 ;
    padding				: 2px 0 0 0;
}


/**************************************************/
/*              Commentaires                      */
/*              (formulaires)                     */
/**************************************************/

#contenu #commentfields
{
    padding 	       : 10px 55px ;
    border		       : 3px solid #efefef ;
    -moz-border-radius : 20px;
}

#comments fieldset {
    margin				: 15px 0;
    border				: 3px solid #efefef;
    padding				: 10px;
    -moz-border-radius	: 12px;
}

#comments legend {
    margin-left			: 10px;
    margin-right		: 10px;
    color				: #000;
    font-style			: italic;
}

#comments label {
    color				: #AD6724;
    float 				: left ;
    width 				: 170px ;
    display 			: inline ;
    margin				: 0;
}

#comments #rating label {
    float 				: none ;
}

#comments #rating{
    text-align 			: left ;
}

#comments textarea {
    border				: 1px inset #000;
    width				: 300px;
    height				: 120px;
    margin				: 0;
    float				: left;
}

#comments #checkbox {
    margin				: 10px 25px 0 160px;
    font-style          : italic;
    color               : #EE2222;
}

#comments .input {
    float				: left;
}

#comments #send {
    border				: 1px outset #000;
    width				: 320px;
    margin				: 10px 0 0 160px;
}

.col.last #comments #send {
    width				: 300px;
    margin				: 10px 0 0 0;
}

.col.last #comments fieldset {
    margin				: 0px;
    border-width		: 1px 0 0 0;
    padding				: 0px;
}

#contenu .col.last #commentfields
{
    padding 	       : 0px ;
    border		       : none;
}

#content #comments legend {
    margin-left			: 30px;
    color				: #000;
    font-style			: italic;
}

#content #comments label {
    color				: #AD6724;
    width 				: 120px ;
    margin				: 0px;
}
#content #comments #rating label {
    width 				: auto;
}
#content #comments textarea {
    border				: 1px inset #000;
    width				: 320px;
    height				: 120px;
    float				: left;
}
#content #comments #send {
    border				: 1px outset #000;
    width				: 320px;
    margin				: 10px 0 0 120px;
}

#comments dl{}

#comments dt span{
    float : right;
    margin : -12px 0 0 0;
}
#comments dt, #pings dt {
    position: relative;
    top: 1px;
    display: block;
    padding: 16px 0 6px 10px;
    background: transparent url(/i/commentaire_bulle.png) no-repeat 50% 100%;
}
#comments dt a:link, #comments dt a:visited {  text-decoration: none; }
#comments dt a:hover { text-decoration: underline; }
#pings dt a:link, #pings dt a:visited {  text-decoration: none; }
#pings dt a:hover { text-decoration: underline; }

#comments dd, #pings dd, dd.comment-preview {
    border: 1px solid #E8E8E8;
    border-width: 1px 0 1px 1px;
    background: #fff url(/i/comment.png) bottom left repeat-x ;
    padding: 10px;
    margin: 0 0 8px 0;
    line-height: 1.4;
}
#comments dd *, #pings dd *, dd.comment-preview * { padding: 5px 0; }

#comments dt.me a:link, #comments dt.me a:visited, #comments dt.me a:hover { color: #5E9E14; }
#comments dd.me { border-left: 4px solid #5E9E14; }

#comments p{
    margin : 0;
    padding : 5px 0pt;
}
/**************************************************/
/*              Pied de page                      */
/*              Copyrights, liens...              */
/**************************************************/

#contenu #pied p			{
    margin		: 0 10px 15px ;
    #padding		: 15px 0 0 0 ;
    color 		: #666 ;
}

#contenu #pied p a {
    margin-left	: 10px ;
    border-left	: 1px solid #aaa;
    padding		: 0 0 0 10px ;
    line-height	: 8px ;
    color		: #23517e;
}

#contenu #pied p a:hover {
    text-decoration: underline ;

}

#contenu #pied p a.noborder {
    border		: 0 ;
    padding		: 0 ;
    margin		: 8px 0 0 0 ;
    vertical-align:middle ;
}

#contenu #pied #copyrights {
    text-align    : center;
    border-top	  : 1px solid #aaa ;
    border-bottom : 1px solid #aaa ;
    margin		  : 15px 0;
    padding		  : 10px 10px  ;
    color 		  : #666 ;
    background	  : #FFF url('/c/i/bg-box.png') repeat-x left bottom;
}


#contenu #pied p img {
    vertical-align:middle ;
}

#syndication {
    background	: transparent url(/i/icons/rss.gif) no-repeat 3px center;
    min-height	: 20px ;
    line-height	: 20px ;
}
#syndication a{
    padding-left	: 26px;
}
.weborama{
    text-align :center;
}

/**************************************************/
/*              Liens admin                       */
/**************************************************/

#.admin_box {
    padding: 0 15px 10px;
}


#contenu .admin_box h2 {
    margin: 0;
    background		: none;
}
.admin_box div {
    padding			: 5px 10px 0;
    border			: 1px solid #ddd ;
    -moz-border-radius: 10px ;
}
.admin_box form * {
    margin-right:5px;
    float:right;
}
.admin_box form .clear, .admin_box form option {
    float:none;
}

.admin_box ul {
    line-height:20px;
}
.admin_box li {
    background-repeat:no-repeat;
    padding:0 0 2px 20px;
}
.admin_box a:hover{
    background:none;
}

.admin_box a:hover
{
    background:none;
}