/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }
html {
	text-align: center;
	font: 10px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	background:url(images/wr_body.gif) top left;
	color: #fff;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
ul {list-style:none; padding:0;}
img {border :0px;}
h1 { font: 12px Verdana;
     margin: 0 0 5px 0;
     font-weight:bold;
     color: #000;
}
h2 {
     font: 12px Verdana;
     margin: 0 0 5px 0;
     font-weight:bold;
     color: #333;
}
p {
     margin: 0 0 5px 0;
}

#wrapper { 
    margin: 0 auto;
	width: 741px;
}
form {
    padding:0 3px 0 15px; 
}

#header {
 width: 741px;
 float: left;
 padding: 0;
 height: 320px;
  text-align: left;
  	position:relative; 
}
#header h3{
    position: absolute;
    left: 660px; 
    top: 85px; 
    width:75px;	
    background-color:#inherited;
	}
#indent_logo{ height:220px;}
#indent_logo logo.img{ margin:27px 0 0 22px;}
#indent_logo slogan.img{ margin:27px 0 0 150px;}
#menu { height:75px; }
#menu a { background:#fff;}
#top_line{ height:15px; width:100%; background:#E4E4D6;}
#big_foto{ height:185px; padding-top:12px;}

/*Slide*/
#header slidedroite { 
 color: #333;
 display: inline;
 position: relative;
}

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: inherit;
 margin: 0px 5px 5px 0px;
 padding: 10px;

 width: 180px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: inherit;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 
 width: 300px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: inherit;
 margin: 0px 0px 5px 0px;
 padding: 10px;

 width: 180px;
 float: left;
}
/* Col Menu Gauche + 1 col a droite */
#menugauche_content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: innherit;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 
 width: 500px;
 display: inline;
}

/* Col Menu Droite + 1 col a gauche */
#content_menudroite { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: innherit;
 margin: 0px 5px 5px 5px;
 padding: 10px;
 
 width: 500px;
 display: inline;
}

/* Col Menu Droite + 1 col a gauche */
#one_content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: innherit;
 margin: 0px 5px 5px 5px;
 padding: 10px;
 
 width: 700px;
 display: inline;
}

#newslist {height:150px;background:#fff;}

#footer { 
 width: 741px;
 clear: both;
 border: 0px solid #ccc;
 background: inherit;
 color:#828282; 
 text-align:center; 
 padding:20px 0 11px 0;
 font:10px tahoma, arial, helvetica, sans-serif;  

}

#footer a{ color:#828282; text-decoration:underline}
#footer a:hover{ color:#828282; text-decoration:none}
#footer span{ color:#5F5C5C; word-spacing:21px;}
#footer span a{ color:#5F5C5C; text-decoration:none; word-spacing:normal;}
#footer span a:hover{ color:#5F5C5C; text-decoration:underline;}
#footer p {padding: 5px}
/* class */
.bgr1{background:none !important}
.img1 img{ margin:5px 2px 5px 5px;}
.more { padding 5px;}

.indent_img {
  text-align:left;
  font:12px tahoma, arial, helvetica, sans-serif;  
  color:drak;}
.indent_img p {padding: 0 0 5px 0;}
.indent_img img{margin:0 20px 0 5px; float:left}
.link{padding:13px 0 0 0; text-align:right;}


.h{ background:url(images/h.gif) top left no-repeat; height:30px;}
.h img{ margin:0 0 0 25px;}
.h h1 {
  font:13px tahoma, arial, helvetica, sans-serif; 
  vertical-align:top;  
  text-align:left;
  margin: 3px 0 0 18px;
  font-weight:bold;
  color:#FD7914;
}

/* News */
.news {
 padding: 5px 5px 5px 5px;
 font:11px tahoma, arial, helvetica, sans-serif; 
 color: #000; 
 text-align: left;
 background-color: #efeee5; 
}
.news .t { background:#FFFFFF url(images/m2-l-t.gif) no-repeat left top;}
.news .b { background:url(images/m2-r-t.gif) no-repeat right top;}
.news .l { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.news .r { background:url(images/m2-r-b.gif) no-repeat right bottom;}

.news span{
  padding: 0 3px 3px 13px; 
  line-height:14px;
  font-size:9px; 
  color:#3081AB;}
.news span img{ 
  vertical-align:middle; 
  margin:0 7px 0 0;}
.news p {
  padding: 3px 7px 0 13px;
}
.news .more {
  text-align: right;
  padding: 3px 10px 10px 80px;
} 
  
/* boite blanche */
.wr_white { 
 padding: 5px 5px 5px 5px;
 font:11px tahoma, arial, helvetica, sans-serif; 
 color: #000; 
 text-align: left;
 background-color: #efeee5;
}
.wr_white .t { background:#FFFFFF url(images/m2-l-t.gif) no-repeat left top;}
.wr_white .b { background:url(images/m2-r-t.gif) no-repeat right top;}
.wr_white .l { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.wr_white .r { background:url(images/m2-r-b.gif) no-repeat right bottom;}

.wr_white li { 
  background:url(images/wr_white_x.gif) bottom left repeat-x; 
  margin:0 0 0 0; 
  padding:0 0 2px 0; 
  font:11px tahoma, arial, helvetica, sans-serif; 
  text-align:left;
  }
.wr_white li a { 
  background:url(images/wr_white_bgr.gif) center left no-repeat; 
  line-height:22px; 
  color:#4E4D4D; 
  text-decoration:none; 
  padding-left:17px;}
.wr_white li a:hover { text-decoration:none; color:#D6300D;}

.wr_white ul.sousmenu {margin-left:2em;padding:0em}

.wr_white .more {
  text-align: right;
  padding: 3px 10px 10px 80px;
}


/* boite verte */
.wr_green { 
 padding: 5px 5px 5px 5px;
 font:11px tahoma, arial, helvetica, sans-serif; 
 color: #000; 
 text-align: left;
 background-color: #efeee5;
}
.wr_green .t { background:#DFE3CF url(images/m2-l-t1.gif) no-repeat left top;}
.wr_green .b { background:url(images/m2-r-t1.gif) no-repeat right top;}
.wr_green .l { background:url(images/m2-l-b1.gif) no-repeat left bottom;}
.wr_green .r { background:url(images/m2-r-b1.gif) no-repeat right bottom;}

.wr_green li { 
  background:url(images/wr_white_x.gif) bottom left repeat-x; 
  margin:0 0 0 0; 
  padding:0 0 2px 0; 
  font:11px tahoma, arial, helvetica, sans-serif; 
  text-align:left;
}
.wr_green li a {
  background:url(images/wr_white_bgr.gif) center left no-repeat; 
  line-height:22px; 
  color:#4E4D4D; 
  text-decoration:none; 
  padding-left:17px;
}
.wr_green li a:hover { text-decoration:none; color:#292727}

.wr_green .more {
  text-align: right;
  padding: 3px 10px 10px 80px;
}

.wr_green p {
  margin:0 0 0 7px; 
  padding:0 0 2px 0; 
}

/* Menu Tab */
/*Example for a Menu Style*/
.menutab {
 background-color:#fff; 
 color:#272727; 
 border-bottom:1px solid #fff; 
 height:23px;
 width:520px;
}
.menutab ul {
 margin:0px; 
 padding:0px; 
 list-style:none; 
 text-align:left;
}
.menutab li {
 display:inline; 
 line-height:23px;
}
.menutab li a {
 color:#000000; 
 text-decoration:none; 
 padding:4px 5px 6px 5px;  
 border-left:1px solid #fff; 
 border-right:1px solid #fff;
}
.menutab li a.tabactive {
 border-left:1px solid #d7d7d7; 
 border-right:1px solid #d7d7d7; 
 background-color:#fd7914; 
 font-weight:bold;  
 position:relative;
}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {
 background-color:#fff;
 border:1px solid #fff; 
 width:498px; 
 text-align:left;
 padding: 5px 10px 5px 10px; 
 font-size:12px; 
 margin-bottom:5px;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 li {
 
 }

/* LightBox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
/* slide - Galerie images */	

#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}