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

*{margin:0px; padding:0px}
body{margin:0px; padding:0px; background-color:#646464}
.trash, .clear{ margin:0px; padding:0px; clear:both}




#fond{background:url(../images/fond_site.jpg) repeat-x; width:100%; min-height:836px; border-top:1px solid #333}
#centrer{ width:975px; margin:0 auto}
#logo{ background:url(../images/logo.png); width:231px; height:257px; float:left}
#bandeau_droit{ background:url(../images/bandeaux_droit_1.png); width:744px; height:257px; float:left}
#menu{ background:url(../images/fond_menu.png); width:975px; height:62px}
	#conteneur_menu{margin:0px; padding:0px; padding-left:27px}
	.Sur_menu{ list-style-type:none; width:130px; float:left; text-align:center; margin-left:1px}
	.ecriture_menu{ display:block; width:130px; height:49px; text-decoration:none; padding-top:13px; margin-top:7px; margin-left:1px}	
		.ecriture_menu:hover{background:url(../images/menu_hover.jpg) no-repeat; color:#FFF}	

		
.Smenu{ position:absolute;margin-top:-16px; display:none; z-index:100}
	.Sous_menu{ list-style-type:none; margin:0px; padding:0px 6px; text-align:left; height:25px; width:178px}
	.conteneur_Smenu{ padding:0px; margin:0px; padding-bottom:5px }
	.Smenu1{ background:url(../images/fond_Smenu_01.png) no-repeat; width:200px; height:16px}
	.Smenu2{ background:url(../images/fond_Smenu_02.png) repeat-y; width:200px; min-height:13px; padding-top:5px}
	.Smenu3{ background:url(../images/fond_Smenu_03.png) no-repeat; width:200px; height:12px}
	
.pochoir{cursor:pointer}	
.sous_titre_bloc_milieu h2{ font-weight:lighter}	
.sous_titre_bloc_2 h2{ font-weight:lighter}	
	

#bloc_milieu_111{float:left; width:236px; height:68px; padding-top:138px}
#bloc_milieu_112{float:left; width:236px; height:68px;  padding-top:138px}
#bloc_milieu_113{float:left; width:236px; height:68px;  padding-top:138px}
#bloc_milieu_114{float:left; width:236px; height:68px;  padding-top:138px}
#bloc_milieu_115{float:left; width:307px; height:68px;  padding-top:138px}
#bloc_milieu_116{float:left; width:307px; height:69px;  padding-top:138px}


.sous_titre_bloc_milieu{ background:url(../images/fond_transpa.png); width:221px; height:70px;; padding-left:15px; border-top:1px solid #333}
.pochoir{ background:url(../images/pochoir.png); width:236px; height:208px; position:absolute; margin-top:-208px}

.sous_titre_bloc_2{ background:url(../images/fond_transpa.png); width:291px; height:70px; padding-left:15px; border-top:1px solid #333}
.pochoir2{ background:url(../images/pochoir2.png); width:307px; height:207px; position:absolute; margin-top:-208px}

.sous_titre_bloc_milieu_old{  width:221px; height:70px;}
	
#bloc_milieu_4{ width:313px;}
	#bloc_milieu_41{ background:url(../images/fond_news_1.png); width:313px; height:19px}
	#bloc_milieu_42{ background:url(../images/fond_news_2.png) repeat-y; min-height:25px; width:283px; padding-left:15px; padding-right:15px}
		#bloc_milieu_42 h1{ margin-bottom:5px; font-size:32px; font-weight:normal}
		#bloc_milieu_42 h2{ margin-top:20px; border-top:1px dashed #666; padding-top:2px; font-weight:normal}
		.para_news{ padding-top:5px}
		.para_news:hover{ padding-top:5px;}	
	#bloc_milieu_43{ background:url(../images/fond_news_32.png); width:313px; height:61px}

#bloc_milieu_74{ width:313px; margin-top:-25px}
	#bloc_milieu_741{ background:url(../images/fond_news_1.png); width:313px; height:19px}
	#bloc_milieu_742{ background:url(../images/fond_news_2.png) repeat-y; min-height:25px; width:283px; padding-left:15px; padding-right:15px}
		#bloc_milieu_742 h1{ margin-bottom:5px; font-size:35px; font-weight:normal}
		#bloc_milieu_742 h2{ margin-top:20px; border-top:1px dashed #666; padding-top:2px; font-weight:normal}
	#bloc_milieu_743{ background:url(../images/fond_news_32.png); width:313px; height:61px}
	
#bloc_milieu_5{float:left; width:293px; height:68px; background:url(../images/bloc_millieu5.png); padding-left:15px; padding-top:144px; padding-right:5px }
	#bloc_milieu_5:hover{background:url(../images/bloc_millieu5.png) 0 -212px;cursor:pointer}
	#bloc_milieu_5 h2{ font-size:14px; font-weight:lighter}
	
	
#bloc_milieu_6{float:left; width:293px; height:68px; background:url(../images/bloc_millieu6.png); padding-left:15px; padding-top:144px; padding-right:5px }
	#bloc_milieu_6:hover{background:url(../images/bloc_millieu6.png) 0 -212px;cursor:pointer}
	#bloc_milieu_6 h2{ font-size:14px; font-weight:lighter}





#fond_generale{ margin-left:17px}
	#fond_generale_1{ background:url(../images/fond_generale_01.png); width:938px; height:19px}
	#fond_generale_2{ background:url(../images/fond_generale_02.png); width:908px; min-height:50px; padding-left:15px; padding-right:15px; padding-bottom:35px}
	#fond_generale_3{ background:url(../images/fond_generale_03.png) no-repeat; width:938px; min-height:12px}


#bloc_droit_1{float:left; width:625px;}
	#bloc_droit_11{ background:url(../images/fond_block_droit_1.png); width:625px; height:13px}
	#bloc_droit_12{ background:url(../images/fond_block_droit_2.png) repeat-y; min-height:25px; width:595px; padding-left:15px; padding-right:15px}
		#bloc_droit_12 h1{ margin-bottom:5px; font-size:35px; font-weight:normal}
		#bloc_droit_12 h2{ margin-top:20px; border-top:1px dashed #666; padding-top:2px; font-weight:normal}
	#bloc_droit_13{ background:url(../images/fond_block_droit_3.png); width:625px; height:18px}
	
.sous_titre_bloc_milieu	{ margin-top:-2px}
	
#appareil_photo{background:url(../images/fond_galerie_appareil_photo.jpg) no-repeat 410px -40px}
	

#ligne_bloc_milieu_1{ padding-left:14px;}	
#ligne_bloc_milieu_2{ padding-left:16px; background:url(../images/fond_galerie_accueil.png) no-repeat  400px }


#uni_footer{ background:#232323; margin-top:-35px}
  #footer{ background:url(../images/fond_footer.png) repeat-x; min-height:205px}
	#centrer_footer{margin:0 auto; width:950px; padding-top:20px}
	
	
	
	
#admin{ padding-left:25px}
	#admin li{ list-style-type:none}
	

#liste_news li{margin-left:10px; margin-top:3px}
#liste_news li:hover{ list-style-type:none; cursor:pointer; background-color:#CCC}

#liste_campagne li{margin-left:10px; margin-top:3px}
#liste_campagne li:hover{ list-style-type:none; cursor:pointer; background-color:#CCC}
	
#ajouter_news{}
	
	#ajouter_news input[type='text']{ border:1px solid #333; width:500px}
	#ajouter_news input[type='file']{ border:1px solid #333; width:500px}
	#ajouter_news input[type='submit']{ border:1px solid #333; width:150px}
	#ajouter_news textarea{ border:1px solid #333; width:500px}
	
	#admin_cat input[type='text']{ border:1px solid #333; width:200px}
	#admin_cat input[type='file']{ border:1px solid #333; width:350px}
	#admin_cat input[type='submit']{ border:1px solid #333; width:150px}
	#admin_cat textarea{ border:1px solid #333; width:350px}	

	#liste_email input[type='text']{ border:1px solid #333; width:200px}
	#liste_email input[type='button']{ border:1px solid #333; width:150px}
	#liste_email input[type='submit']{ border:1px solid #333; width:150px}
	#liste_email textarea{ border:1px solid #333; width:300px}
	
	#administration input[type='text']{ border:1px solid #333; width:200px}
	#administration input[type='button']{ border:1px solid #333; width:150px}
	#administration input[type='submit']{ border:1px solid #333; width:150px}
	#administration textarea{ border:1px solid #333; width:300px}
	
	.tab{ border: 0px solid black;border-top: 0px; border-left: 0px; border-right: 1px solid black; border-bottom: 1px solid black}
	.tab td {border: 1px solid #000000; border-right: 0px; border-bottom:0px}
	.tab th{border: 1px solid #000000; border-right: 0px; border-bottom:0px; height:30px; font-size:12px; background-color:#FFA49F}
	.tab a{text-decoration:none; color:#666}

	.tab2{ border: 0px solid black;border-top: 0px; border-left: 0px; border-right: 1px solid black; border-bottom: 1px solid black}
	.tab2 td {border: 1px solid #000000; border-right: 0px; border-bottom:0px; padding:5px}

	.tab2 th{border: 1px solid #000000; border-right: 0px; border-bottom:0px; height:30px; font-size:12px; padding:5px}

	.tab2 a{text-decoration:none; color:#666}

#gallery{width:580px;height:520px;position:relative; border:0px solid #F00;}
.pic, .pic a{width:100px;height:100px;overflow:hidden;}
.pic{position:absolute;border:5px solid #EEEEEE;border-bottom:18px solid #eeeeee;-moz-box-shadow:2px 2px 3px #333333;-webkit-box-shadow:2px 2px 3px #333333;box-shadow:2px 2px 3px #333333;}
.pic a{text-indent:-999px;display:block;}





#lire_news{ padding-left:25px; width:925px}	
	#lire_news h1{ font-weight:lighter; font-size:35px; padding-bottom:15px}	



#contacts{}
	#contacts input{ border:1px solid #333; color:#666; font-size:13px;}
	#contacts textarea{ border:1px solid #333; color:#666; font-size:13px;}
	#contacts input:hover{ border:1px solid #333; background-color:#CCC; color:#666; font-size:13px;}
	#contacts textarea{font-family:Verdana, Geneva, sans-serif; font:Verdana, Geneva, sans-serif;}
	#contacts textarea:hover{ border:1px solid #333; background-color:#CCC; color:#666; font-size:13px;}
	#contacts hr{ border:1px solid #2B9049}



#admin_newsletter{}
	#admin_newsletter input{ border:1px solid #333; color:#666; font-size:13px;}
	#admin_newsletter textarea{ border:1px solid #333; color:#666; font-size:13px;}
	#admin_newsletter input:hover{ border:1px solid #333; background-color:#CCC; color:#666; font-size:13px;}
	#admin_newsletter textarea{font-family:Verdana, Geneva, sans-serif; font:Verdana, Geneva, sans-serif;}
	#admin_newsletter textarea:hover{ border:1px solid #333; background-color:#CCC; color:#666; font-size:13px;}
	#admin_newsletter hr{ border:1px solid #2B9049}
	
.texte_news:first-letter{color:#FFF; font-size:20px; font-weight:bold}



#newsletter{ background:url(../images/fond_form_newsletter.gif); width:271px; height:41px; padding-left:9px; padding-top:9px}
	#newsletter_input_text{ border:0px solid #333; color:#666; font-size:17px; height:30px; width:215px}
	#newsletter_input_submit{ border:0px solid #333; color:#666; font-size:17px; height:25px; width:45px; height:30px; cursor:pointer; background:none}


#fileQueue {
	width: 400px;
	height: 100px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
}

#menu_holder{ margin:0 auto; width:771px; background:url(../images/fond_acordeon.jpg); border:1px solid #CCC; border-left:0px; overflow:hidden; height:350px}
#menu_holder ul{ list-style-type: none;}
#menu_holder ul li { float:left;width:100px;}
#menu_holder ul li a {display:block; width:100%; padding:10px; text-decoration:none;color:white;}
#menu_holder ul { margin:0px; padding:0px;  }
#menu_holder ul li { color:white; font-size:20px; font-weight:bold}
#first_li{ width:283px; height:350px; background:url(../images/1.jpg) no-repeat #FFF; float:left; border-left:1px solid #CCC; overflow:hidden}
#second_li{ width:283px; height:350px; background:url(../images/2.jpg) no-repeat #FFF; float:left; border-left:1px solid #CCC; overflow:hidden}
#third_li{ width:283px; height:350px; background:url(../images/3.jpg) no-repeat #FFF; float:left; border-left:1px solid #CCC; overflow:hidden; border-right:1px solid #CCC;}

.interieur_devis{border:0px solid #333; padding:5px; width:253px; margin-left:260px; padding-right:15px }


.sponsorListHolder{
	margin-bottom:30px;
}

.sponsor{
	width:180px;
	height:230px;
	float:left;
	margin:4px;

	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url("../img/background.jpg") no-repeat center center #f9f9f9;
}



.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	margin-top:10px;
	border:1px solid #333

}
.sponsorFlip a{color:#000}
.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:10px 10px 20px 20px;
	font-style:italic;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
}

.clear{
	/* This class clears the floats */
	clear:both;
}


/* The styles below are only necessary for the styling of the demo page: */

#main{
	position:relative;
	margin:0 auto;
	width:760px;
}

#main h1{
	padding:30px 0;
	text-align:center;
	text-shadow:0 1px 1px white;
	margin-bottom:30px;
	background:url("img/page_bg.gif") repeat-x bottom #f8f8f8;
}

#main h1,h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

#main h2{
	font-size:14px;
	font-weight:normal;
	text-align:center;
	
	position:absolute;
	right:40px;
	top:40px;
}

.note{
	font-size:12px;
	font-style:italic;
	padding-bottom:20px;
	text-align:center;
}





/*
div#menu {
    height: 46px;
    padding-left: 10px;
    background: url(../images_menu/left.png) no-repeat;
    _background-image: url(../images_menu/left.gif);
    width:auto;
	margin-left:25px;
	
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-right: 10px;
    background: url(../images_menu/right.png) no-repeat right 0;
    _background-image: url(../images_menu/right.gif);
	width:100%;
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
}
div#menu ul ul li {
    z-index: 9;
}
div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 36px;
    left: 0;
    visibility: hidden;
    width: 187px;
    padding: 0 0 11px 7px;
    background: url(../images_menu/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(../images_menu/submenu-bottom.gif);
    margin: 0px 0 0 -4px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right: 5px;
    text-align: center;
}
div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}


div#menu a {
    padding: 0 30px 0 0;
    line-height: 40px;
    height: 46px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
}
div#menu span {
    margin-top: 2px;
    padding-left: 30px;
    color: #fff;
    font:  16px Trebuchet MS,Arial,san-serif;
    background: none;
    line-height: 40px;
}
div#menu a:hover,
div#menu a.over {
    background:  url(../images_menu/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(../images_menu/selected-right-sub.gif);
}
div#menu a:hover span,
div#menu a.over span {
    background: url(../images_menu/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(../images_menu/selected-left-sub.gif);
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url(../images_menu/selected-right-sub.png) no-repeat right -1px;
    _background-image: url(../images_menu/selected-right-sub.gif);
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url(../images_menu/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(../images_menu/selected-left-sub.gif);
}
div#menu ul.menu>li:hover>a span {
    color: #515151;
}
div#menu li {  }
div#menu li.last { background: none; }

div#menu li.current a,
div#menu li.current a span,
div#menu.js-active a:hover,
div#menu.js-active a:hover span,
div#menu.js-active a,
div#menu.js-active span {
    background:none;
}
div#menu.js-active ul.menu>li:hover>a,
div#menu.js-active ul.menu>li:hover>a span {
    background:none;
}
div#menu li.current a.over {
    background: url(../images_menu/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(../images_menu/selected-right-sub.gif);
}
div#menu li.current a.over span {
    background: url(../images_menu/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(../images_menu/selected-left-sub.gif);
}
div#menu a.over span {
    color: #515151;
}


div#menu ul ul li {
    background: none;
    padding: 0;
}
div#menu ul ul {
    padding-top: 10px;
}
div#menu ul ul a {
    padding: 0;
    height: auto;
    float: none;
    display: block;
    line-height: 26px;
    font-size: 11px;
    color: #ffffff;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 160px;
    margin: 0 5px;
    text-transform: none;
}
    
div#menu ul ul a span {
    padding: 0 15px;
    line-height: 26px;
    font-size: 11px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}
div#menu ul ul a:hover {
    background: url(../images_menu/submenu-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a:hover span {
    background: url(../images_menu/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent {
    background: url(../images_menu/submenu-pointer-bottom.gif) no-repeat 5px bottom;
}
div#menu ul ul a.parent span {
    background: url(../images_menu/submenu-pointer-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent:hover {
    background: url(../images_menu/submenu-pointer-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a.parent:hover span {
    background: url(../images_menu/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul span {
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}


div#menu ul ul div {
    width: 180px;
    padding: 15px 0px 8px 0px;
    margin: -44px 0 0 169px !important;
    background: url(../images_menu/subsubmenu-top.png) no-repeat 0px 0;
    _background-image: url(../images_menu/subsubmenu-top.gif);
}
*+html div#menu ul ul div { height:10px }
*+html div#menu.ie7 ul ul div { height:auto }
div#menu ul ul ul {
    padding: 0 4px 5px 1px;
    background: url(../images_menu/submenu-bottom.png) no-repeat 0px bottom;
    _background-image: url(../images_menu/submenu-bottom.gif);
}
div#menu ul ul div li {
    position:relative;
    top:-5px;
}


div#menu li.back {
    background: url(../images_menu/lavalamp-left.png) no-repeat 0 0;
    _background-image: url(../images_menu/lavalamp-left.gif);
    width: 10px;
    height: 46px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0;
}

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(../images_menu/lavalamp-right.png) no-repeat right 0;
    _background-image: url(../images_menu/lavalamp-right.gif);
    height: 46px;
    margin: 0 5px 0 10px;
    _margin-right: 2px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}

*/

#copyright{ display:none}











.ecriture_titre_news{ font:Georgia, "Times New Roman", Times, serif; color:#000; font-size:18px;font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none}
	.ecriture_titre_news:hover{text-decoration:underline}
.h1_noir{ font:romfatal; color:#333; font-size:30px;font-family:romfatal,Georgia, "Times New Roman", Times, serif;}	
.h1_blanc{ font:romfatal; color:#FFF; font-size:30px;font-family:romfatal,Georgia, "Times New Roman", Times, serif;}	
.ecriture_menu{ font:Verdana, Geneva, sans-serif; font-size:18px; color:#333; font-family:Verdana, Geneva, sans-serif;}
.ecriture_Smenu{ font:Verdana, Geneva, sans-serif; font-size:14px; color:#333; font-family:Verdana, Geneva, sans-serif; text-decoration:none;width:100%; height:100%; display:block; padding-top:4px; padding-left:10px; font-weight:bold}
.ecriture_Smenu:hover{ font:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; font-family:Verdana, Geneva, sans-serif; text-decoration:none; background-color:#333; width:100%; height:100%; display:block}

.ecriture_bloc_milieu{ font:Georgia, "Times New Roman", Times, serif;  font-size:12px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia}
.ecriture_news{ font:Georgia, "Times New Roman", Times, serif;  font-size:12px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia}
.ecriture_footer{ font:Georgia, "Times New Roman", Times, serif;   font-size:11px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia}
.ecriture_generale_blanc{ font:Georgia, "Times New Roman", Times, serif;   font-size:12px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia}
.ecriture_generale_noir{ font:Georgia, "Times New Roman", Times, serif;   font-size:12px; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia; text-decoration:none}
.ecriture_titre_bloc_milieu{font:Georgia, "Times New Roman", Times, serif;   font-size:14px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia; text-decoration:none; font-weight:600}