/* 

	project:  website traffic (free CSS templates)
	author:   luka cvrk (www.solucija.com) 

   
*/

*{ margin: 0; padding: 0; }
body { font: 0.74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #D0D4D4; color: #444; }

a {	color: #B60D0A;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: normal 3.7em "Trebuchet MS", Arial, Sans-Serif; color: #fff; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
sup { font-size: .3em; color: #DFCDA2; }
h2 { color: #B60D0A; font: 100 230% "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; border-bottom: 1px solid #ccc; }
h3 { color: #808080; background: #D0D4D4; padding: 3px 10px; margin: 0 0 15px; }

#content { 
  width: 930px; margin: 20px auto; margin-top: 1px; background: #fff; padding: 10px; 
}

#adminmenu {
  text-align:right;
  width: 950px; margin: 0 auto;
  position: relative;
  display: block;  
}

#adminmenu a {
  color: #396891;
  font-size: 10px;
}

#header {
	height: 200px;
	border-bottom: 2px solid #fff;
	text-align: right;	
}
	#header p { margin: 50px 0 0; color: #D6E5EA; }
	#logo { padding: 50px 0 0 20px;  float: left; width: 150px; }

	#search { float: right; width: 550px; text-align: right; margin: 0px 15px 0 0; color: #444;}
	#search a, #watch a { color: #396891; cursor: pointer; }

	#searchform { padding: 10px; background: none; font-size: 10px; }
	#searchform p { margin: 0; }

	#menu { margin: 0 0 50px; }
		#menu li { list-style: none; float: left; }
		#menu li a { cursor: pointer; padding: 5px 5px; line-height: 25px; background: #D0D4D4; margin: 0 1px 0 0; color: #808080; font-size:10px;}
		#menu li a:hover { background: #38648B; color: #fff; }
		#menu li a.current { background: #38648B; color: #fff; }
		#menu li a#last  { margin: 0; padding: 5px 4px 5px 2px; }
		
#centre {  }

#historique { width: 555px; margin-right: 10px; margin-left: 10px; float:left;}
#historique h2 { color: #B60D0A; font: 240% "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px;border-bottom: 0px;font-weight:100;}
#news { width:330px; height: 400px; background: #fff; margin-top:50px; float:right; }
#news h2 { font-size: 200%;color:#B60D0A;border-bottom:0; border-top: 1px dotted #ccc;padding-left:8px;background: #fff;margin:1px;}
#newscontent { margin: 1px;}
#newsmarquee {height:420px;border-left:1px dotted #ccc;padding-left:10px;}
#newsmarquee h2 { border:0; font-size: 140%;color:#B60D0A;padding:0;margin:0;font-weight:200;}
#newsmarquee p { border:0; font-size: 0.8em;color:#444;padding:0;margin:0;}
.separateur {border-top: 1px dotted #ccc; margin-top: 1px; margin-right: 10px; margin-bottom: 1px; margin-left: 5px}



.third1 { font-size: 1em;  float: left; width: 230px; margin: 0 20px 10px 36px; text-align:justify }
.third { font-size: 1em;  float: left; width: 310px; margin: 0 10px 10px 10px; text-align:justify  }
.last { float: right; margin: 0 10px 10px 0;}

.more { border-top: 1px solid #eee; padding: 5px 0 0 0; }

#prefooter { width: 914px; margin: 0 auto; background: #fff; padding: 15px 18px 1px; font-size: .9em;  }

#footer { width: 930px; margin: 15px auto; color: #808080; font-size: .9em; }
	#footer a { color: #444; }
	.right { float: right; text-align: right; font-size: 1em; }
		#footer .right a { margin: 0 0 0 2px; padding: 3px 10px; }
		#footer .right a:hover { background: #fff; color: #444; text-decoration: underline; }
    
#logizone {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #BCD7E7;
  text-align:right;
  border: 1px solid #38648B;
  margin: 2px;
  z-index: 500;
  font-size: 10px;
  padding: 5px 10px 5px 10px;
}

#logizone input{
  border: 1px solid #333;
  font-size:10px;
}

#logizone img{
  position: relative;
  top: 3px;
}

.setEditable {
  border: 2px solid #0000ff;
  cursor: pointer;
}

.contenu h2 {
  color: #333;
  border:0;
  text-align: center;
}

.contenu p {
  color: #333;
}
.contenuimg {
	background-image: url(../images/arriere-plan.jpg);
	background-color: #D6E4EF;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}
.contenuimg2 {
	background-image: url(../images/cnd-spec/fond.jpg);
	background-color:#EEF5FF ;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}
.contenuimg3 {
	background-image: url(../images/fond.jpg);
	background-color:#EEF5FF ;
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}
.texte {
	text-align: justify;
	margin-left:30px;
	width:375px;
	float: left;
	
}

.fond-bat {
	background-attachment: fixed;
	background-image: url(../images/le-port.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.image {
	height: 297px;
	width: 150px;
	float: left;
		
}
.marge-image{
	
	margin-right: 15px;
}
#plan{
    padding-top:15px;
	margin-bottom:50px;
	margin-top:75px;
	padding-left:20px;
	font-size: 20px;
	font-weight: bold;
	margin-left:15px;
	width:880px;
	height:30px;	
	border: 1px dotted #ccc;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0){
#espace{
  height: 50px;
	width: 100px;
	background:#fff;
}
}