@charset "UTF-8";
/* CSS Document */


body {
	background:#FFF;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:Helvetica,Verdana,Arial;
	font-size:12px;
    text-decoration: none;
}


#container_accueil {
	background:url(../images/backgr_accueil.jpg) top right no-repeat;
	width:100%;
    margin-right: -300px;
	min-height:500px;
	border-bottom:5px solid #F00;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#logo {
	margin:5px 0 0 5px;
}

#nav {
    margin-top:5px auto;
	width:100%;
	height:35px no repeat;
	background:url(../images/backgr_nav2.png) top center;
	vertical-align:middle;
}

#menu {
	margin:0;
	width:950px;
	height:33px;
}

.nav_boutons {
	width:auto;
	height:25px;
	padding:10px 10px 0 10px;
	margin:0 0 0 0;
	text-align:center;
	font-size:14px;
	float:left;
    font-family:Arial;
}

.nav_boutons a:link{
    text-decoration: none;
    color: red;
}

.nav_boutons:hover {
	background:url(../images/buttons_rollover.png) top center no-repeat;
	color:#FFF;
}

#footer {
	width:100%;
	height:50px;
	margin:5px auto;
	padding:0 0 30px 0;
}

#footer_left {
	float:left;
	margin:0 0 0 5px;
	padding:0 0 0 75px;
	background:url(../images/backgr_footerleft.jpg) top left no-repeat;
}

#footer_right {
	float:right;
	margin:0 20px 0 0;
	padding:0 0 0 60px;
	background:url(../images/backgr_footerright.jpg) top left no-repeat;
}

/* accueil */

#slogan {
	margin:0 0 0 0;
	padding:40px 0 0 25%;
}

#thumbs {
	width:606px;
	height:321px;
	margin:0 0 0 0;
	padding:20px;
}

#thumbs_cont {
	background:#ebebeb;
	margin:3px auto;
	padding:3px;
	text-align:center;
	width:572px;

}

#thumbs_cont table {
	width:570px;
	padding:1px;
}

#texte_intro {
	width:auto;
	height:auto;
	padding:10px;
	margin:140px 20px 0 5px;
	background:url(../images/backr_texteintro.png) top left repeat;
	border-bottom:0px solid #ffffff;
	border-top:0px solid #ffffff;
}
/* interieur */

.bottom {
	vertical-align:bottom;
}

#slogan_int {
	width:auto;
	height:250px;
	vertical-align:middle;
	padding:0 0 0 20px;
}

#block_title {
	height:33px;
	background:url(../images/backgr_redtransp.png) repeat-x top left;
	text-align:center;
	color:#FFF;
}

#block_texte {
	background:url(../images/backgr_whitetransp.png) top left repeat;
}

#block_texte-title {
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding:10px 0 0 0;
	font-size:18px;
}

#block_texte-p {
	height:auto;
	vertical-align:top;
	padding:0 0 10px 10px;
	text-align:justify;
}

#block_texte_thumbs {
	padding:0 0 0 50px;
}

#block_texte_thumbs img {
	border:1px solid #cccc66;
}

#block_texte_thumbs img:hover {
	border:1px solid #F30;
}

#block_texte_thumbs ul {
	margin:5px 0 0 -40px;
}

#block_texte_thumbs li {
	list-style:none;
	display:inline;
	padding:0 1px 0 0;
}

.form {
	font-size:11px;
	color:#666;
	font-style:italic;
	font-weight:bold;
}

.form_input {
	border:1px solid #CCC;
	background:#fff;
	color:#666;
}
/* texte */

p {
	font-family:Geneva,Verdana,Arial;
	font-size:11px;
	text-align:justify;
}

.p_right{
	font-family:Geneva,Verdana,Arial;
	font-size:11px;
	text-align:right;
}

h1 {
	font-family:Geneva,Verdana,Arial;
	font-size:48px;
	margin:-25px 0 0 0;
	padding:0 0 0 0;
	font-weight:normal;
}

h2 {
	font-family:Geneva,Verdana,Arial;
	font-size:36px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:normal;
}

h3 {
	font-family:Geneva,Verdana,Arial;
	font-size:30px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:normal;
}

h4 {
	font-family:Helvetica,Arial,sans-serif;
	font-size:30px;
	margin:-10px 0 0 30px;
	padding:0 0 0 0;
	font-weight:normal;
}

h5 {
	font-size:14px;
}

h6 {
	font-size:18px;
	margin:2px 0 0 0;
	padding:0 0 0 0;
}

.black {
	color:#000;
}

.black a:link, .black a:visited {
	color:#000;
	text-decoration:none;
}

.black a:hover {
	color:#F03;
	text-decoration:none;
}

.green {
	color:#F32B4C;

}

.green a:link, .green a:visited {
	color:#99cc00;
	text-decoration:none;
}

.green a:hover {
	color:#F30;
	text-decoration:none;
}

.grey {
	color:#666;
}

.grey a:link, .grey a:visited {
	color:#666;
	text-decoration:none;
}

.grey a:hover {
	text-decoration:none;
}

.white {
	color:#fff;
}

.white a:link, .green a:visited {
	color:#fff;
	text-decoration:none;
}

.white a:hover {
	color:#F30;
	text-decoration:none;
}



/* hacks */

.clear {
clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/*menu*/



.menu{
	border:none;
    height:35px;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:Geneva,Verdana,Arial;
	font-size:12px;

	}
.menu ul{

	height:35px;
	list-style:none;
	margin:0;
	padding:0;

	}
	.menu li{
		float:left;
		padding:0px;


		}
	.menu li a{

		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 7px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #FEA5A5;
            color:#ffffff;
            height: 33px;
            /*margin-top:1px; */
			text-decoration:none;
            border-left: 1px solid red;
            border-right: 1px solid red;
            color:#ffffff;

			}

    .menu ul li a:hover{
      color:#ffffff;
    }

	.menu li ul{
		background:#FB5E5E;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;

		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
        border-bottom: 1px solid red;
		}
	.menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
    }


	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}

		.menu li ul a:hover, .menu li ul li:hover a{
			background:#FEA5A5;
			color:#ffffff;
			text-decoration:none;
            border-left: 1px solid red;
            border-right: 1px solid red;
			}

	.menu p{
		clear:left;
		}


    .sMenu
    {
        background:#FB5E5E;
		display:block;
		height:auto;
		padding:0px;
		margin-left:225px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
        margin-top:-32px;
    }

.content_text
{
  padding : 5px 20px 15px 20px;
  font-size: 12px;
  background: url("../images/background_Content.png") repeat;

  width:760px;
  margin-left: 200px;

}

.content_text strong
{
   text-decoration: none;
   color : #5CBBE9;
   font-weight: bold;
}

.content_text strong a
{
   text-decoration: underline;
   color : #5CBBE9;
   font-weight: bold;

}

img
{
  border:1px solid #FF6666;
}


/* end hacks */

