/*
      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; }

body {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #80817d;
 background-image: url(images/back10.jpg);
 background-repeat: no-repeat;
 background-position: top center;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 900px;
 padding: 40px 10px 20px 10px;
 /*border: 1px solid #ccc;*/
 height: 80px;
 margin: 10px 0px 0px 0px;
 /*background: black;*/
 
 
}

#header h1
{
	font-size: 3em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
}
#navigation {
 width: 900px;
 color: #333;
 padding: 0 10px 0 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: black;
 height: 36px;
}

#navcontainer ul
{
padding: 0;
margin-left: 0;
color: White;
float: right;
width: 60%;
font-family: arial, helvetica, sans-serif;
font-size: 1.5em;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 1em 1em;
color: White;
text-decoration: none;
float: right;
border-right: 1px dotted #FFCC33;
border-bottom: none;
}

#navcontainer ul li a:hover
{

color: #8E8E8E;
}

ul#navlist
{
margin-left: 0px;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;

text-decoration: none;
}

#navlist a:hover
{
color: #FF9900;

text-decoration: none;
}

ul#navlisttoggle
{
margin: 0 auto;
white-space: nowrap;
text-align: center;
}

#navlisttoggle li
{
display: inline;
list-style-type: none;
background-color: #979797;
margin: 10px;
padding: 10px;
border: 1px solid #555555;

}

#navlisttoggle a { 
/*padding: 10px; 
margin: 10px;*/

background-color: #979797;

}

#navlisttoggle a:link, #navlisttoggle a:visited
{
color: #fff;
text-decoration: none;

}

#navlisttoggle a:hover
{
background-color: #B7B7B7;
text-decoration: none;
width: 100%;

}




#content { 
 width: 900px;
 color: white;
 border: 3px solid #a0d799;
 background-color: #72d86d;
 margin: 0 auto;
 padding: 20px 10px 10px 10px;
 /*height: 350px;*/
}

#contentindex { 
 width: 900px;
 color: white;
 border: 3px solid #a0d799;
 background-color: #72d86d;
 margin: 0 auto;
 text-align: center;
 padding: 20px 10px 10px 10px;
 /*height: 350px;*/
}
#footer { 
 /*background-color: black;*/
 color: #333;
 width: 900px;
 /*background-image: url(images/footer.jpg);
 background-position: bottom center;
 background-repeat: no-repeat;*/
 margin: 0 auto;
 padding: 50px 10px 10px 10px;
}

.center
{
	text-align: center;
}

.left {
float: left;
width: 160px;
text-align: center;
padding: 10px 25px 10px 25px;
overflow: visible;
}

.toggle {
float: left;
width: 160px;
background-color: #747474;
border: 1px solid black;
text-align: center;
padding: 10px 25px 10px 25px;
color: white;
margin: 10px;
display: block;
}

.toggle a {
	color: white;
	display: block;
}

.toggle a:hover {
	background-color: #979797;
}

.headerleft {
float: left;
width: 350px;

}

.bijoudroite {
float: right;
width: 450px;
text-align: right;
padding: 30px 0px 0px 0px;
margin: 0;

}

.description {
padding-top: 30px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
width: 400px;
}

img.gallerie {
display: block;
padding: 10px;
border: 1px solid black;
background: #F3E5FF;
margin: 0px;
}

img.gallerie2 {

padding: 10px;
border: 1px solid black;
background: #F3E5FF;
margin: 10px;
}

img.gallerie3 {
display: block;
padding: 10px 10px 20px 10px;
border: 1px solid black;
background: #F3E5FF url("images/backgallerie.jpg") top right no-repeat;
margin: 0px;
}

img.gallerie4 {
display: block;
padding: 10px 10px 20px 10px;
border: 1px solid black;
background: #F3E5FF url("images/backgallerie_e.jpg") top right no-repeat;
margin: 0px;
}
img.gallerie a, img.gallerie a:hover, img.gallerie a:visited {
text-decoration: none;
border-bottom: 0px;
}

h2 {
	font-size: 2em;
	color: white;
	padding: 10px 10px;
	border-bottom: 1px solid #DF9FFF;
	font-weight: 400;
}

.right
{
	text-align: right;
}

.langue
{
	text-align: right;
	margin-top: -20px;
	margin-bottom: 0px;
}

/*a
	{
		border-bottom: 1px dotted white;
		text-decoration: none;
		color: white;
	}

a:hover
{
	border-bottom: 1px solid white;
	text-decoration: none;
	
}*/

a.lien:link
{
		border-bottom: 1px dotted white;
		text-decoration: none;
		color: white;
	}
	
a.lien:visited
{
	border-bottom: 1px dotted white;
	text-decoration: none;
	color: white;
}	
a.lien:hover
{
	border-bottom: 1px solid white;
	text-decoration: none;
	color: white;
}

/*buttons */

#button_e {
	width: 200px;
	float: left;
	padding: 0px;
	text-align: center;
	margin: 10px;
}



#button_e a {

	display: block;
	width: 200px;
	text-decoration: none;
	background: #949494;
	color: White;
	border: 1px solid #A6A6A6;
	padding: 0px;
	margin: 10px;

}

#button_e a:hover {

	border: none;
	background: #C8C8C8;
	color: #ffffff;

}



#button_f {

	

	width: 200px;
	
	float: left;
	text-align: center;

	padding: 0px;

	margin: 0px 10px;

}



#button_f a {

	display: block;
	width: 200px;
	padding: 0px;
	height: 20px;
	text-decoration: none;
	background: #949494;
	color: White;
	border: 1px solid #A6A6A6;	
	padding: 0px;
	margin: 0px;

}

#button_f a:hover {

	border: none;
	background: #C8C8C8;
	color: #ffffff;

}

/* buttons */

ul#navlistfra { 
	font: small-caps bold large/24px "Times New Roman", serif;
	
	}

ul#navlistfra a
{
font-weight: bold;
text-decoration: none;
}

ul#navlistfra, ul#navlistfra ul, ul#navlistfra li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

/*ul#navlistfra li { float: left; }*/

ul#navlistfra li { 
display: inline;
}

ul#navlistfra li a
{
color: #ffffff;
background-color: #A5A5A5;
padding: 15px;
margin: 10px;
border: 1px #ffffff outset;

}

ul#navlistfra li a:hover
{
color: #ffff00;
background-color: #747474;
}

ul#navlistfra li a:active
{
color: #cccccc;
background-color: #A5A5A5;
border: 1px #ffffff inset;
}

/*ul#subnavlistfra { display: none; }
ul#subnavlistfra li { float: none; }*/

/*ul#subnavlistfra li a
{
padding: 0px;
margin: 0px;
}*/

/*ul#navlistfra li:hover ul#subnavlistfra
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}
*/
/*ul#navlistfra li:hover 
{
display: block;
width: 10em;
border: none;
padding: 10px;
}*/

ul#navlistfra li:hover ul#subnavlistfra li a:before { content: " >> "; }

/* End buttons */

#centerfra {
	position: relative;
font: small-caps bold small/24px "Times New Roman", serif;
letter-spacing: 1px;
text-align: center;
}