/* CSS Document */

body{
    margin:0;
    padding:0;
    text-align:left;
    background-color:#333333;
    color:#464747;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
background-image:url(../images/interface/fond_body.gif);
    background-repeat:repeat-x;
    background-position:center top;

}

hr {
    clear: both;
    width: 100%;
    border: 0;
    border-bottom: 1px #CCCCCC solid;
    height: 1px;
}

a{
    color: #F06E4E;
}

a:active{
	color:#2E73A9;
	outline:none;
}

a:focus{
	outline:0;
  -moz-outline-style:none;
}

h1, .h1{
    background-color:white;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:22px;
    color: #ec7617;
    font-weight:bold;
    width:400px;
    margin:0;
	margin-top:20px;
    padding:10px 0 9px 40px;
    line-height:1em;
	background-image:url(../images/interface/pin.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

h2, .h2, h2 a, .h2 a{
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:bold;
    font-size:18px;
    margin:0;
    padding:0;
    color:#D7D2D2;
}

h2 a:hover, .h2 a:hover{
    color:#999999;
    text-decoration:underline;
}

h3, .h3{
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:bold;
    font-size:14px;
    margin:0;
    padding:0;
    color:#666;
}

h4, .h4{
    font: 1em Arial, Verdana, sans-serif;
    font-weight:normal;
    color:#EB7C0F;
    border-bottom:1px dotted #EB7C0F;
    display:inline;
}

h5, .h5{
    font: 1em Arial, Verdana, sans-serif;
    font-weight:normal;
    margin:0;
    padding:5px;
    font-size:11px;
    font-style:italic;
    border:1px solid #ccc;
}

h6, .h6{
    font: 1em Arial, Verdana, sans-serif;
    font-weight:normal;
    margin:0;
    font-size:11px;
    font-style:italic;
}

h6 a, .h6 a{
    color:#c00;
}

h6.publie{
    font: 0.8em Arial, Verdana, sans-serif;
    padding:0;
    margin:0;
    color:#1B9DE0;
    margin-top:25px;
    position:absolute;
    top:0;
    left:750px;
	border:none;
}

h6.publie a{
    font: 0.8em Arial, Verdana, sans-serif;
   	color:#1B9DE0;
    padding:0;
    margin:0;
    text-decoration:none;
	border:none;
}

h6.publie a:hover{
	color:#1B9DE0;
}

pre{
    font: 1em Arial, Verdana, sans-serif;
    font-weight:normal;
    margin:0;
    padding:0;
    background-color:white;
    border-top: 6px solid #99B4D6;
    border-bottom: 2px solid #99B4D6;
    margin-left:20px;
    margin-bottom:5px;
    padding-left:10px;
    clear:none;
    color:#666;
    font-style:italic;
    padding-bottom:5px;
    padding-top:5px;
    display: inline;
    width: 200px;
    float: right;
    font-size: 18px;
    text-align:right;
    white-space:normal;
}


#mini_footer{
	width:100px;
	margin-left:10px;
	bbdisplay:none;
	position:absolute;
	bottom:19px;
	left:-10px;
}

#container{   
    position:relative;
    width: 965px;
    margin:0 auto;
    text-align:left;
    padding:0;
    color:#333;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
   /*
 background-color:white;
*/
}

#breadcrumb{
    font: 0.8em Tahoma, Geneva, sans-serif;
    height:25px;
    padding:0;
    margin:0;
    color:#999;
    margin-top:10px;
    position:absolute;
    top:0;
    left:0;
}

#breadcrumb a{
    font: 0.8em Tahoma, Geneva, sans-serif;
    color:#7D9096;
    padding:0;
    margin:0;
    text-decoration:none;
    height:10px;
}

/************** Haut de page **************/
#header{
    height:136px;
    margin-bottom:0;
	width: 965px;
	/*
background-image:url(../images/interface/fond_body_new2.jpg);
    background-repeat:repeat;
    background-position:center top;
*/
}

#header a{
    display:block;
    position:absolute;
    left:15px;
    top:0;
    width:410px;
    height:136px;
    background-image: url(../images/interface/logo.png);
	background-position:center top;
    background-repeat:no-repeat;
    text-decoration:none;
}

#header span{
    visibility:hidden;
}

#baseline{
	position:absolute;
	right:0;
    top:0;
	background-image: url(../images/interface/baseline.gif);
	background-position:top left;
    background-repeat:no-repeat;
	height:25px;
	width:470px;
	color:white;
	font-size:16px;
	font-weight:bold;
}

/************** Contenu **************/

#content{
    position:relative;
    float:left;
    width:475px;
    text-align:left;
    font-size: 1em;
    color:#222;
    line-height:1.7em;
    text-align:left;
	background-color:white;
	padding:0 10px 10px 10px;
	min-height:607px;
}

#content_home{
    position:relative;
    float:left;
    width:475px;
    text-align:left;
    font-size: 1em;
    color:#222;
    line-height:1.7em;
    text-align:left;
	background-color:white;
	padding:0 10px 10px 10px;
	min-height:607px;
	/*
margin-top:1px;
*/
}

#content ul, #content_home ul, #content_home li{
    margin:0;
    padding:0;
    /*list-style-position:inside;*/
}

#content li{
    margin-left:30px;
}

#content li a{
	color:#1B9DD9;
}

/*
#content img, #content_home img{
    margin:0 10px 0 0;
    border:1px solid #99B4D6;
}
*/

#content a, #content_home a{
	color:#57636F;
    text-decoration:none;
}

#content a:hover,#content_home a:hover{
    color: #3E4144;
}

#content #principal{
	margin-bottom:20px;
}

#background{
	background-color:black;
	z-index:1000;
	height:100%;
	width:100%;
	background-image: url(../images/interface/background.gif);
	background-position:bottom center;
    background-repeat:repeat-y;
}

/************** Le système de pagination **************/

.paginator{
	font-size:9px;
	color:white;
	text-align:right;
}

.paginator .active{
	color:white;
	border: solid 1px #ccc;
	background-color:white;
	padding:3px 5px;
	margin:5px;
	text-decoration:none;
}
		
.paginator .inactive{
	color:white;
	cursor:default;
	text-decoration:none;
	border: solid 1px #ccc;
	background-color:orange;
	padding:3px 5px;
	margin:5px;
}

span.inactive select{
	font-size:9px;
	color:#666;
}

/************** L'image d'article principal **************/

#slider_interne {
	position:relative;
	height:240px;
	width: 495px;
	margin-left:0;
	margin-top:0;
	display:block;
}
#im_page_2{
	/*
border-top:1px solid white;
*/
	/*
border-left:2px solid white;
*/
}
#page_image_2{
	position:relative;
	height:23px;
	width: 48px;
	margin-left:0;
	margin-top:0;
	display:block;
}
/************** Cartouche Facebook **************/

#media{
	position:absolute;
	top:82px;
	right:0;
	width:468px;
	background-color:white;
	border-left:1px solid #ccc;
	border-right:1px solid #E5E3E3;
	height:54px;
}

#facebook_mini{
	float:left;
	margin-left:37px;
	margin-top:2px;
	width:48px;
	height:48px;
}

#elvis_mini{
	float:left;
	margin-left:37px;
	margin-top:2px;
	width:48px;
	height:44px;
}

#rss_mini{
	float:left;
	margin-left:37px;
	margin-top:2px;
	width:48px;
	height:48px;
}

#twitter_mini{
	float:left;
	margin-left:37px;
	margin-top:2px;
	width:48px;
	height:48px;
}

#blip_mini{
	float:left;
	margin-left:37px;
	margin-top:2px;
	width:48px;
	height:48px;
}

#facebook_mini span, #elvis_mini span, #rss_mini span, #twitter_mini span, #blip_mini span{
	visibility:hidden;
}

a#facebook_mini, a#facebook_mini img, a#elvis_mini, a#elvis_mini img, a#rss_mini, a#rss_mini img, a#twitter_mini, a#twitter_mini img, a#blip_mini, a#blip_mini img{
	border:none;
	text-decoration:none;
}

/************** Menus suggestion de liens **************/
.m_wrapper{
	height:30px;
	line-height:30px;
	width:80px;
	float:left;
	clear:both;
	position:relative;
	margin:10px;
	font-size:10px;
}
.m_itemMain{
	color:white;
	z-index:10;
	border:1px solid #3a3a3a;
	background-color:#333333;
	background-repeat:no-repeat;
	background-position:95% 50%;
	cursor:pointer;
	text-align:left;
	text-indent:10px;
	width:135px;
	position:absolute;
	top:0px;
	left:0;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
}

.m_itemMain a{background-color:#ccc;
	color:white;
	cursor:pointer;
}

.m_down{
	background-image:url(../images/interface/down.png);
	background-color:#6a6262;
	color:white;
	cursor:pointer;
}
.m_up{
	background-image:url(../images/interface/up.png);
}

.m_wrapper ul {
	list-style:none;
	padding:2px 0px 0px 0px;
	width:320px;
	position:absolute;
	bottom:21px;
	left:0;
}

.m_wrapper ul li a{
	text-decoration:none;
	cursor:pointer;
	display:block;
	padding:3px 0;
	line-height:20px;
	text-indent:10px;
	letter-spacing:1px;
	color:white;
	background-color:#6a6262;
	border:1px solid #767070;
	border-bottom:none;
	margin:0px 0;
}

.m_wrapper ul li a:hover{
	background:#333;
	color:#fff;
}

/************** Liste mots-clés **************/
.mc_wrapper{
	height:30px;
	line-height:30px;
	width:80px;
	float:left;
	clear:both;
	position:relative;
	margin:10px;
	font-size:10px;
}

.mc_itemMain{
	color:white;
	z-index:10;
	border:1px solid #3a3a3a;
	background-color:#333333;
	background-repeat:no-repeat;
	background-position:95% 50%;
	cursor:pointer;
	text-align:left;
	text-indent:10px;
	width:240px;
	position:absolute;
	bottom:15px;
	left:-10px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
}

.mc_itemMain a{background-color:#ccc;
	color:white;
	cursor:pointer;
}

.mc_down{
	background-image:url(../images/interface/down.png);
	background-color:#6a6262;
	color:white;
	cursor:pointer;
}
.mc_up{
 	background-image:url(../images/interface/up.png);
}

.mc_wrapper ul {
	list-style:none;
	padding:2px 0px 0px 0px;
	width:242px;
	position:absolute;
	bottom:36px;
	left:-10px;
}

.mc_wrapper ul li a{
	text-decoration:none;
	cursor:pointer;
	display:block;
	padding:3px 0;
	line-height:20px;
	text-indent:10px;
	letter-spacing:1px;
	color:white;
	background-color:#6a6262;
	border:1px solid #767070;
	border-bottom:none;
	margin:0px 0;
}

.mc_wrapper ul li a:hover{
	background:#333;
	color:#fff;
}

#loupe_mc{
	background-image:url(../images/interface/loupe_mc.png);
	background-repeat:no-repeat;
	background-position:10px 25px;
	width:24px;
	height:24px;
}

/************** Scroller **************/

#scrollbar1 { width: 520px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

/************** Modules colonne gauche **************/

#colonne_media_gauche{
	float:left;
	margin-top:-241px;
	margin-left:0;
	width:240px;
	background-color:#EBE8E8;
	border-left:1px solid #E5E3E3;
	border-right:1px solid white;
	height:100%;
}

.titre{
	width:222px;
	padding:10px;
	background-color:#333333;
	border-right:1px solid #ccc;
	color:white;
	margin-left:-10px;
	margin-top:-10px;
}

#lectures{
	float:left;
	margin-top:1px;
	margin-left:0;
	width:222px;
	padding:10px 10px 0 10px;
	background-color:#EBE8E8;
	border-bottom:1px solid white;
	border-right:1px solid white;
}

#lectures_liste{
	margin-top:20px;
}

.lectures{
	margin-top:15px;
	margin-bottom:15px;
}

.lectures_fonce{
	margin-top:5px;
	margin-bottom:5px;
}

.lectures a{
	color:#6a6262;
	font-size:12px;
	text-decoration:none;
	padding:7px;
	background-image: url(../images/interface/puce3.gif);
	background-position:0 13px;
    background-repeat:no-repeat;
	text-shadow:#fff 0px 1px 0;
}

.lectures_fonce a{
	color:white;
	font-size:12px;
	text-decoration:none;
	padding:7px;
	background-image: url(../images/interface/puce3.gif);
	background-position:0 13px;
    background-repeat:no-repeat;
	text-shadow:black 0px 1px 0;
}

.lectures a:hover{
	color:#ed6700;
	text-decoration:none;
	background-image: url(../images/interface/puce1.gif);
	background-position:0 13px;
    background-repeat:no-repeat;
}

.lectures_fonce a:hover{
	color:white;
	text-decoration:none;
	background-image: url(../images/interface/puce1.gif);
	background-position:0 13px;
    background-repeat:no-repeat;
}

#commentaires_compteur{
	color:#6a6262;
	float:left;
	margin-top:0;
	margin-left:0;
	width:222px;
	padding:10px 10px 0 10px;
	background-color:#DFDBDB;
	border-bottom:1px solid white;
	border-right:1px solid white;
}

#commentaires_recents{
	float:left;
	margin-top:0;
	margin-left:0;
	width:222px;
	padding:10px 10px 0 10px;
	background-color:#DFDBDB;
	border-bottom:1px solid white;
	border-right:1px solid white;
}

#commentaire_ref{
	background-image: url(../images/interface/puce3.gif);
	background-position:0 13px;
    background-repeat:no-repeat;
	padding:7px;
}

#archives{
	color:#6a6262;
	float:left;
	margin-top:0;
	margin-left:0;
	width:223px;
	padding:10px;
	background-color:#6a6262;
	/*
border-right:1px solid white;
*/
}

#search{
	position:relative;
	color:white;
	float:left;
	margin-top:0;
	margin-left:0;
	height:15px;
	background-color: #333333;
    border-right: 1px solid #CCCCCC;
	background-color: #333333;
    padding: 10px;
    width: 192px;
	background-image:url(../images/interface/loupe.gif);
    background-position:10px 8px;
    background-repeat:no-repeat;
    padding-left:40px;
/*
	border-right:1px solid white;
*/
}

#search a{
	color:white;
	text-decoration:none;
}
/************** Modules colonne droite **************/

#colonne_media_droite{
	float:left;
	margin-top:-241px;
	margin-left:1px;
	width:205px;
	padding:10px 10px 0 10px;
	background-color:white;
	border-left:1px solid #E5E3E3;
	border-right:1px solid white;
	height:100%;
}

#rpln{
	float:left;
	margin:10px 5px 10px 21px;
	width:164px;
	height:223px;
	padding-bottom:20px;
}

.rpln{
	width:205px;
	padding:10px;
	background-color:#333333;
	border-top:1px solid white;
	color:white;
	margin-left:-10px;
	margin-top:-10px;
}

#rpln span{
	visibility:hidden;
}

a#rpln img{
	border:none;
}

#pub{
	float:left;
	margin:10px 5px 30px 50px;
	width:114px;
	height:224px;
}

.pub{
	width:205px;
	padding:10px;
	background-color:#333333;
	border-top:1px solid white;
	color:white;
	margin-left:-10px;
	margin-top:255px;
}

#pub span{
	visibility:hidden;
}

a#pub img{
	border:none;
}
/*
#blogueurs{
	float:left;
	width:224px;
	margin-left:-9px;
	background-color:#858080;
}

.blogueurs{
	width:204px;
	padding:10px;
	background-color:#333333;
	border-top:1px solid white;
	border-right:1px solid white;
	color:white;
	margin-left:0;
	margin-top:0;
}

*/
#rss{
	float:left;
	width:224px;
	margin-left:-9px;
	background-color:#858080;
}

.rss{
	width:204px;
	padding:10px 10px 7px 10px;
	background-color:#333333;
	border-top:1px solid white;
	border-right:1px solid white;
	color:white;
	margin-left:0;
}

#rss_atom{
	float:left;
	width:204px;
	padding:10px 10px 0 10px;
	margin-left:10px;
	margin-top:0;
	border-top:1px solid #ccc;
	color:white;
	text-shadow:#363333 0px 1px 0;
}

#rss_atom a{
	color:white;
	/*
font-weight:bold;
*/
	text-decoration:none;
}

#rss_atom a:hover{
	text-decoration:underline;
}

#date_twitter{
	font-size:10px;	
	text-shadow:none;
}

a#date_twitter{
  background-image:none;
}

#rss_atom div{
	margin-bottom:10px;
}

div.twtr-widget{
	margin-left:5px;
}

.twtr-hd{
	margin-bottom:-10px;
}

div.twtr-hd h3{
	font-size:12px;
	font-weight:bold;
}

div.twtr-hd h4 a, div span a.twtr-join-conv{
	display:none;
}
/*

#elvis{
	float:left;
	margin-top:10px;
	margin-left:35px;
	width:114px;
	height:294px;
	background-image: url(http://www.zumablog.com/images/120/PubCrosstown.jpg);
	background-position:0 30px;
    background-repeat:no-repeat;
}

.elvis{
	width:205px;
	padding:10px;
	background-color:#333333;
	border-top:1px solid white;
	color:white;
	margin-left:-45px;
	margin-top:-10px;
}

#rss{
	float:left;
	margin-left:35px;
	width:224px;
	height:220px;
	background-image: url(../images/interface/rss.png);
	background-position:top left;
    background-repeat:no-repeat;
}

.rss{
	width:205px;
	padding:10px;
	background-color:#333333;
	border-top:1px solid white;
	color:white;
	margin-left:-46px;
	margin-top:-10px;
}

#facebook{
	float:left;
	margin-left:35px;
	width:224px;
	height:220px;
	background-image: url(../images/interface/facebook.png);
	background-position:top left;
    background-repeat:no-repeat;
}

.facebook{
	width:205px;
	padding:10px;
	background-color:#333333;
	border-top:1px solid white;
	color:white;
	margin-left:-46px;
	margin-top:-10px;
}

#twitter{
	float:left;
	margin-left:35px;
	width:224px;
	height:220px;
	background-image: url(../images/interface/twitter.png);
	background-position:top left;
    background-repeat:no-repeat;
}

.twitter{
	width:205px;
	padding:10px;
	background-color:#333333;
	border-top:1px solid white;
	color:white;
	margin-left:-46px;
	margin-top:-10px;
}
#blip{
	float:left;
	margin-left:35px;
	width:224px;
	height:220px;
	background-image: url(../images/interface/blip.gif);
	background-position:top left;
    background-repeat:no-repeat;
}

.blip{
	width:205px;
	padding:10px;
	background-color:#333333;
	border-top:1px solid white;
	color:white;
	margin-left:-46px;
	margin-top:-10px;
}

*/

/************** Affichage mots-clés **************/

ul#menu_sous_rub{
	
}

ul#menu_sous_rub li div a img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	width:60px;
	hieght:60px;
}
/************** Menu principal **************/
#menu1{
	position:absolute;
	top:25px;
	right:0;
	display:block;
	padding:0;
	margin:0;
	text-align:center;
	z-index:5;
	border-top:1px solid white;
	border-left:1px solid #625d5d;
	border-right:1px solid #625d5d;
	width:468px;
}

#menu1 li {
	float:left;
	text-align:left;
	margin:0;
	list-style:none;
}

#menu1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:white; 
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	padding: 10px 10px;
	width:95px;
}

#menu1 a:hover {
	font-weight:bold;
}

#menu1 li{  
   width:115px;  
   height:50px;  
   float:left;  
   color:white; 
   /*
margin-right:2px; 
*/
   text-align:center;  
   overflow:hidden;  
   font-size:14px;
 } 

.subtext{  
  	padding:30px 20px 10px 20px;  
  	font-size:10px;
  	margin-top:25px;
  	background-image:url(../images/interface/pick.png);
	background-repeat:no-repeat;
	background-position: 84px 48px;
}  
   
.green{
	background-color:black;
	border:1px solid #767575;
	border-bottom:5px solid #767575;
}   

/****************** Menu 2 ******************/

#menu2{
    margin:0;
    padding:0;
    list-style:none;
    padding-bottom:20px;
    display:block;
    background:none;
}

#menu2 li{
    padding:0;
    margin:0;
    margin-bottom:20px;
    background:none;
    border-top:1px dotted #ccc;
    padding-top:15px;
    font-weight:bold;
    text-transform:uppercase;
}

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

#menu2 li li{
    padding:0;
    margin:0;
    background:none;
    border-top:0;
    font-weight:normal;
    text-transform:none;
}

#menu2 li a{
    font-size:1em;
    color:black;
    text-decoration:none;
    display:block;
    padding-left:10px;
}

#menu2 li li a{
    font-size:1em;
    color:#666;
    text-decoration:none;
    display:block;
    padding-left:10px;
}

/****************** Menu 2 ******************/

#col_right2{
    position:absolute;
    top:290px;
    right:143px;
    width:250px;
    padding:0;
    background-color:#FFFFFF;
}

ul#menu3{
    margin-top:0;
    padding:0;
    list-style:none;
    padding-bottom:20px;
    display:block;
    background:none;
}

/************ Les sous-rubriques en pages intérieures******************/

div#pagination{
	margin-top:10px;
	margin-bottom:20px;
}	

div#pagination p{   
    float:left;
    clear:both;
	margin:0;
    padding:0;
    font-size:12px;
    list-style:none;
	line-height:1.5em;
}

div#pagination p a{
    color: #666;
	margin:0;
}

div#pagination h1{
    background-color:white;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:16px;
    color: #333333;
    font-weight:bold;
    width:450px;
    margin:0;
    padding:0;
    line-height:30px;
	background-image:none;
	margin-top:0;
}

div#pagination img{
    float:left;
    height:60px;
    width:60px;
    margin: 7px 10px 20px 0;
    border:none;
    display:block;
}

/************ Résultats archives******************/
#content_archives{
	margin-top:-40px;	
}

#content_archives h1{
    background-color:white;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:16px;
    color: #333333;
    font-weight:bold;
    width:450px;
    margin:0;
    padding:0;
    line-height:30px;
	background-image:none;
}

#content_archives h2{
    background-color:white;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    color: #333333;
    font-weight:normal;
    width:450px;
    margin:0;
	margin-top:-10px;
    padding:0;
	padding-bottom:10px;
	background-image:none;
	border-bottom:1px solid #ddd;
}
/************ Le formulaire de recherche******************/
#rech{
    position:absolute;
    width:195px;
    left:10px;
    top:-22px;
    padding:0;
	z-index:100;
}

#rech label{
    float:left;
    display:block;
    font-size:10px;
    margin:2px 7px 2px 0;
    font-size:0.85em;
    color:#999;       
}

#q{
    float:left;
    width:195px;
    height:16px;
    border:1px solid #ccc;
    font-size:12px;
    background-image:url(../images/interface/loupe.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:20px;
}

#ok{
    position:absolute;
    left:205px;
    top:16px;
    height:18px;
    display:block;
    margin:0;   
    margin-right:10px;
    border:1px solid #ccc;
}

/************ Le formulaire de contact******************/

#form_contact, #cv_contact{
    margin:0;
    padding:10px;
    margin-top:10px;
    border:1px solid #ccc;
    margin-bottom:10px;
}

#form_contact td, #cv_contact td{
    text-align:left;
    font-size:11px;
}

/************ Quelques classes ******************/

.fond1{
    background-color:#fff;
    padding:5px;
    border-bottom:1px solid #ccc;
}
.fond2{
    background-color:#eee;
    padding:5px;
    border-bottom:1px solid #ccc;
}

#form_inscription{
    height:300px;
    width:185px;
    padding:20px;
    background-image:url(../images_interface/tester_avant.gif);
    background-repeat:no-repeat;
    padding-top:45px;
    font-size:10px;
    color:white;
    line-height:normal;
}

#form_inscription input{
    margin-top:5px;
    font-size:10px;
}

/************ Moteur de recherche ******************/

.sortheader font{
	border:none;
	text-decoration:none;
}

/************ Commentaires ******************/
#fieldset_commentaire, #formComment{
	background-color:#f0f0f0;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

legend{
	background-color:white;
	font-size:14px;
	color:#666;
	border-top:1px solid #EAEAEA;
	border-bottom:1px solid #ccc;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #ccc;
}

.com_nb{
	color: #F06E4E;
}

.com_date{
	font-weight:normal;
	padding-left:7px;
	background-image: url(../images/interface/puce3.gif);
	background-position:0 5px;
    background-repeat:no-repeat;
	text-shadow:#fff 0px 1px 0;
}

.com_pseudo{
	font-weight:bold;
	text-shadow:#fff 0px 1px 0;
}

#commentaire_content{
	background-color:white;
	font-weight:normal;
	margin-left:8px;
	padding:10px;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.com_link{
	font-weight:normal;
}

.com_ajout{
	font-weight:normal;
	padding-left:7px;
	background-image: url(../images/interface/puce3.gif);
	background-position:0 8px;
    background-repeat:no-repeat;
	text-shadow:#fff 0px 1px 0;
	float:right;
}

#commentaire_pseudo, #commentaire_pseudo_name, #commentaire_email, #commentaire_email_name, #commentaire_url, #commentaire_url_name, #commentaire_content_name{
	margin-left:8px;
	text-shadow:#fff 0px 1px 0;
}

#commentaire_pseudo_input, #commentaire_email_input, #commentaire_url_input, #commentaire_content_input{
	margin-left:8px;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/*
#voir_comment{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:200px;
}

#deposer_comment{
	float:right;
	margin-top:10px;
	margin-right:10px;
	width:200px;
}
*/

#voir_comment {
	margin-left:10px;
	position:absolute;
	bottom:59px;
	left:137px;
}

#deposer_comment {
	margin-left:10px;
	position:absolute;
	bottom:59px;
	left:307px;
}

.text{
	color:white;
	  z-index:10;
	  border:1px solid #3a3a3a;
	  background-color:#333333;
	  background-repeat:no-repeat;
	  background-position:95% 50%;
	  cursor:pointer;
	  text-align:center;
	  xtext-indent:10px;
	  width:170px;
	  position:absolute;
	  top:0px;
	  left:0px;
	  /*
	text-shadow: 0px 1px 0px #ccc;
	*/
	  /*
-moz-border-radius:5px;
	  -webkit-border-radius:5px;
	  border-radius:5px;
*/
	  font-size:12px;
	  padding:7px 0;
	  font-family:Tahoma, Geneva, sans-serif;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	/*
background-image:url(../images/interface/white_top.png);
*/
	background-image:url(../images/interface/white.png);
	/*
background-repeat:no-repeat;
	background-position:center;
*/
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	/* some padding to layout nested elements nicely  */
	padding:50px 40px 20px 40px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/interface/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/*
.apple_middle{
	background-image:url(../images/interface/white_middle.png);
	background-repeat:repeat-y;
	background-position:center;
	height:100%;
	padding:35px;
}

.apple_bottom{
	background-image:url(../images/interface/white_bottom.png);
	background-repeat:no-repeat;
	background-position:center;
	height:67px;
}
*/

/*
.text{
	background-color:white;
	color:#333333;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
	width:70%;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left:20%;
	margin-right:20%;
	border: 3px solid #333333;
}
*/

.text:hover{
	background-color:#6a6262;
	color:white;
	cursor:pointer;
}

/************** Bas de page **************/
#footer{
    position:relative;
    clear:both;
    height:18px;
    text-align:center;
    background-color:#ec7617;
    font-size:10px;
    color:#fff;
    padding-top:7px;
	margin-top:20px;
	border:1px solid white;
}

#footer a{
    color:white;   
	text-decoration:none;
}

#footer span{
    color:white;
    text-decoration:none;
    text-transform:uppercase;
    border-right: 1px solid white;
    padding-left:4px;
    padding-right:4px;
	/*
text-shadow:#363333 0px 1px 0;
*/
}

#footer span a:hover{
    text-decoration:underline;
}

/******* Sélecteurs iPhone masqués *********/

.logotype{
	height:0;
	width:0;
	display:none;
}
 */