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

body{/*ok*/
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-attachment: scroll;
	background-image: url(../images2011/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f7fcf8;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, span{
	margin:0; padding:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}


/*------------------------------------------------topheader--------------------*/
#topheader{ /* tete */
	width:1112px;
	height:136px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;	
}
.logo {
    font-family: Georgia;
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	float: left;
	height: 95px;
	width: 1100px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;border: 
}
.logo a:link{
text-decoration: none;
}
.logo h1 {
	color: #d0910b;
	text-decoration: none;
}
.logo h1:visited  h1:hover h1:active {
	color: #d0910b;
	text-decoration: none;
}
a.logoh1:link{ color: #d0910b;	text-decoration: none;}
a.logoh1:visited   {	color: #d0910b;	text-decoration: none;	}
a.logoh1:hover  {	color: #386060;	text-decoration: none;	}
a.logoh1:active {	color: #d0910b;	text-decoration: none;	}
.logo h2 {
	font-size:18px;
	background-image: url(../images2011/aa.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	margin-top: 10px;
	color: #d0910b;
	text-decoration: none;
	font-weight: normal;
}
a.logoh2:link{ color: #d0910b;text-decoration: none;}
a.logoh2:visited   {	color: #d0910b;	text-decoration: none;	}
a.logoh2:hover  {	color: #386060;	text-decoration: none;	}
a.logoh2:active {	color: #d0910b;	text-decoration: none;	}
.menu_area {
	float: left;
	margin-top: 58px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menu_text {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.ideas {
	font-family: Arial;
	font-size: 31px;
	font-weight: normal;
	text-transform: lowercase;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(../images2011/menu_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 61px;
}
.ideas:hover {
	font-family: Arial;
	font-size: 31px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images2011/menu_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 61px;
}
.links {
	font-family: Arial;
	font-size: 31px;
	font-weight: normal;
	text-transform: lowercase;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(../images2011/menu_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 59px;
}
.links:hover {
	font-family: Arial;
	font-size: 31px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images2011/menu_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 59px;
}
.info{
	font-family: Arial;
	font-size: 31px;
	font-weight: normal;
	text-transform: lowercase;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(../images2011/menu_03.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.info:hover{
	font-family: Arial;
	font-size: 31px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images2011/menu_03.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 100px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.works {
	font-family: Arial;
	font-size: 31px;
	font-weight: normal;
	text-transform: lowercase;
	color: #5a5a5a;
	text-decoration: none;
	background-image: url(../images2011/menu_04.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 105px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.works:hover {
	font-family: Arial;
	font-size: 31px;
	font-weight: normal;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images2011/menu_04.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 70px;
	width: 105px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}

/*------------------------------------------------body_area--------------------*/
#body_area{ /* corps sans tete et pied */
	width:1112px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	float: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#innerbody_area{
	width:1112px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	float: none;
	padding-top: 52px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}.left { /*ok*/                           /* gauche /* 183*/
	margin: 0px;
	float: left;
	width: 183px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow:hidden;
}
.left_menu_area {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 165px;
	border:solid #FFff00 1px;
}
.left_menutop {
	background-image: url(../images2011/menu_top.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 1px;
	width: 153px;
}
.left_menu {/*ok*/
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;
	background-image: url(../images2011/gauche-active.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height:20px;
	width: 160px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 5px;
}
.left_menu:HOVER {/*ok*/
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #da2a2a;
	text-decoration: none;
    background-image: url(../images2011/gauche-hover.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height:20px;
	width: 160px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 5px;
}
.comment_top {/*ok*/
	background-image: url(../images2011/gauche-top.png);
	background-repeat:no-repeat;
	margin: 0px;
	width: 183px;
	height: 5px;
	padding: 0px;
}
.comment_fond {/*ok*/
	background-image: url(../images2011/gauche-milieu.png);
	background-repeat: repeat-y;
	margin: 0px;
	width: 183px;
	padding: 0px;
}
.comment_bas {/*ok*/
	background-image: url(../images2011/gauche-bas.png);
	background-repeat:no-repeat;
	margin: 0px;
	width: 183px;
	height: 5px;
	padding: 0px;
}
.gauche-titre { /*ok*/
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	height: 17px;
	width: 181px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../images2011/gauche-titre.png);
	background-repeat: no-repeat;
	}
.comment_news {
	font-family: Georgia;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 23px;
	background-position: 20px 8px;
	border: solid #0000FF 1px;
}
.comments_area {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}

.comments_text {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #386060;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 153px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.comments_link {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #9ca27e;
	text-decoration: underline;
}
.comments_link:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #386060;
	text-decoration: underline;
}
.Services_head {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
	background-image: url(../images2011/services.png);
	background-repeat: no-repeat;
	float: left;
	width: 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 23px;
	background-position: 45px 8px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.midarea {                         /* colonne centrale 733px */
	margin: 0px;
	float: left;
	width: 733px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.head {
	font-family: Georgia;
	font-size: 45px;
	font-weight: normal;
	color: #d0910b;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 700px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h3 {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	color: #d0910b;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 700px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.body_textarea {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #3c6f75;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 710px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;	
}
.body_textarea a:link {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	color: #9ca27e;
	text-decoration: underline;
}
.body_textarea a:visited {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	color: #9ca27e;
	text-decoration: underline;
}
.body_textarea a:hover  {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	color: #386060;
	text-decoration: underline;
}
.body_textarea a:active  {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	color: #386060;
	text-decoration: underline;
}
.readmore {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images2011/readmore.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 18px;
	width: 74px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.readmore:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images2011/readmore1.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: right;
	height: 18px;
	width: 74px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}.innerbanner {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #8a8a8a;
	text-decoration: none;
	background-image: url(../images2011/innerbanner.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 60px;
	width: 508px;
	padding-top: 457px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.innerbanner_head {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #8a8a8a;
	text-decoration: none;
	background-image: url(../images2011/tickmark.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	float: left;
	background-position: 0px 4px;
}
.right {     /* droite 170 */  /* droite 170 */  /* droite 170 */
	margin: 0px;
	float: left;
	padding-right: 1px;
	width: 170px;
}
.droite_nep { /* creer pour les liens avec texte apres */
    height: 25px;
	width: 170px;
	margin: 0px;
	float: left;
	padding-top: 4px;	
	padding-right: 1px;
	padding-bottom: 0px;
	background-image: url(../images2011/droite-active.png);
}
.droite_new {/* creer pour les liens avec texte apres */
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;	
	padding-left: 15px;
}
.droite_new:HOVER {/* creer pour les liens avec texte apres */
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #da2a2a;
	text-decoration: none;
    background-image: url(../images2011/droite-hover-new.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	}
.droite_simple {/*ok*/
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;
	margin: 0px;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 5px;
}
.droite_simple:HOVER {/*ok*/
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #da2a2a;
	text-decoration: none;
	margin: 0px;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 5px;
}
.droite_menu {/*ok*/
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;
	background-image: url(../images2011/droite-active.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 170px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 5px;
}
.droite_menu:HOVER {/*ok*/
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #da2a2a;
	text-decoration: none;
    background-image: url(../images2011/droite-hover.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 170px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 5px;
}
.droite_top {/*ok*/
	background-image: url(../images2011/droite-top.png);
	background-repeat:no-repeat;
	margin: 0px;
	width: 170px;
	height: 5px;
	padding: 0px;
}
.droite_fond {/*ok*/
    color: #386060;
	background-image: url(../images2011/droite-milieu.png);
	background-repeat: repeat-y;
	margin: 0px;
	width: 170px;
	padding: 0px;
}
.droite_bas {/*ok*/
	background-image: url(../images2011/droite-bas.png);
	background-repeat:no-repeat;
	margin: 0px;
	width: 170px;
	height: 5px;
	padding: 0px;
}
.droite-titre { /*ok*/
	font-family: Arial;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	height: 17px;
	width: 168px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../images2011/droite-titre.png);
	background-repeat: no-repeat;
	}
.events_head {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
	background-image: url(../images2011/events.png);
	background-repeat: no-repeat;
	float: left;
	width: 135px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 35px;
	margin: 0px;
}
.login_area {
	margin: 0px;
	float: left;
	width: 170px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.login_top {
	background-image: url(../images2011/login_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 170px;
}
.login_bottom {
	background-image: url(../images2011/login_03.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 170px;
}
.login_bodyarea {
	margin: 0px;
	float: left;
	width: 170px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 6px;
	background-attachment: scroll;
	background-image: url(../images2011/login_02.png);
	background-repeat: repeat-y;
}
.right_head {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 17px;
	width: 160px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../images2011/right_head.png);
	background-repeat: no-repeat;
	
}
.right_textbox{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 17px;
	width: 131px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;

}
.right_text{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #d5ca89;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 17px;
	width: 131px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;

}
.righttextbox {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 128px;
}
.righttextbox:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 128px;
	border: 1px solid #333333;
}
.login {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #070808;
	text-decoration: none;
	background-image: url(../images2011/login_button.png);
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 48px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.login:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #070808;
	text-decoration: none;
	background-image: url(../images2011/login_button1.png);
	background-repeat: no-repeat;
	float: right;
	height: 18px;
	width: 48px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.newletter_head {
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
	background-image: url(../images2011/newlinks.png);
	background-repeat: no-repeat;
	float: left;
	width: 135px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 25px;
	margin: 0px;
	background-position: 0px 3px;
}
.news_link {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #9ca27e;
	text-decoration: underline;
}
.news_link:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #386060;
	text-decoration: underline;
}
/*------------------------------------------------fotter--------------------*/
#fotter{
	width:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #c5a873;
	text-decoration: none;
	padding: 0px;
	float: left;
	height: 123px;
	background-image: url(../images2011/fotter.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: scroll;
}
.fotter_links {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #202219;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fotter_text {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #cb0002;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 43px;
	width: 944px;
	padding-top: 53px;
	padding-right: 30px;
	padding-bottom: 32px;
	padding-left: 30px;
}

.fotter_copyrights {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #b17a04;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.fotter_validation {
	font-family: "Trebuchet MS";
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #c75c2c;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*------------------------------------------------fotterlinks --------------------*/
a.fotterlink:link {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #202219;
	padding-right: 5px;
	padding-left: 5px;

}
a.fotterlink:visited {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #202219;
	padding-right: 5px;
	padding-left: 5px;

}
a.fotterlink:hover {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #b17a04;
	padding-right: 5px;
	padding-left: 5px;

}
a.fotterlink:active{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #202219;
	padding-right: 5px;
	padding-left: 5px;

}
/*------------------------------------------------fotterlinksend--------------------*/

/*------------------------------------------------validation --------------------*/
a.xhtml:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.xhtml:active{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #d0910b;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 150px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

a.css:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
background-color: #d0910b;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
a.css:active{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.fotter_designed {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #3e8f96;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*------------------------------------------------validation--------------------*/
.fotter_designedlink {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #1d6369;
}
.fotter_designedlink:hover {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #b17a04;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#innercontentblank
			{
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 40px;
			}
#innerhedding
			{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
			}
#innercontent
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;
			}
#innercontent002
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;			
			}
#innercontent003
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;			
			}
#innercontent004
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;			
			}
#innercontent005
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;			
			}
#submenuhedding
			{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
			}
#submenublank
			{
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
			}
#submenutop
			{
				margin: 0px;
				float: left;
				width: 433px;
				height:1px;
				padding:0px;
				background-image:url(../images2011/topline.jpg);
				background-repeat:no-repeat;
			}
.submenu
			{
				margin: 0px;
				float: left;
				width: 410px;
				height:17px;
				padding:2px 0 0 23px;
				font-family: Arial;
				font-size: 11px;
				font-weight: normal;
				text-transform: none;
				color: #9ca27e;
				text-decoration: none;
				background-image: url(../images2011/active.png);
				background-repeat:no-repeat;
			}
.submenu:hover
			{
				margin: 0px;
				float: left;
				width: 410px;
				height:17px;
				padding:2px 0 0 23px;
				font-family: Arial;
				font-size: 11px;
				font-weight: normal;
				text-transform: none;
				color: #9ca27e;
				text-decoration: none;
				background-image: url(../images2011/over.jpg);
				background-repeat:no-repeat;
			}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/
#contactblank
			{
	margin: 0px;
	float: left;
	width: 674px;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
		
			}
		
#contactinnerblank
		{
				width:1004px;
				height:500px;
				float:left;
				margin:0px;
				padding:0px;
		}
#contactheddingblank
		{
			width:500px;
			height:30px;
			float:left;
			margin:27px 0 0 45px;
			padding:0px;
			font:normal 12px/17px Arial, Helvetica, sans-serif;
			color:#CECECE;
			border-bottom: solid 1px #7f7f7f;
			
			
		}
#contactaddressblank{
				margin: 0px;
				padding:0 0 0 30px;
				float: left;
				width:236px;
				font-family: "Trebuchet MS";
				font-size: 11px;
				font-weight: normal;
				color: #000000;
				text-decoration: none;
				
	}

#contactaddresshedding
		{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
		}		

#contactaddresstext{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			text-align:justify;
	}
#contactsmallhedding
			{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #386060;
	text-decoration: none;
			margin: 0px;
			float: left;
			width: 700px;
			padding:0 0 10px 0;
			}
#contacthedding
			{
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	text-transform: none;
	color: #d0910b;
	text-decoration: none;
				margin: 0px;
				float: left;
				width: 750px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 20px;
				padding-left: 0px;
		}
			
#contacticon{
				width:86px;
				height:84px;
				float:left;
				background-image: url(../contacticon.png);
				background-repeat:no-repeat;
				margin:10px 0 0 30px;
	}
#contactfeildnameblank
			{
				width:160px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildblank
			{
				width:200px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname
			{
				width:160px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeildname002
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname003
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname004
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname005
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname006
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname007
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname008
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname009
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild
			{
				width:200px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeild002
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild003
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild004
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild005
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild006
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild007
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild008
			{
				width:200px;
				height:20px;
				margin:8px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild009
			{
				width:200px;
				height:60px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#submitbutton
			{
				width:200px;
				height:20px;
				margin:60px 0 0 0;
				padding:0;
				float:left;
				text-align: left;

			}	
			
.contactfeildname
			{
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #9ca27e;
			text-decoration: none;
			}
.contactfeild
			{	font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color: #3c4538;
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
				height:20px;
			}
.contactfeild
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color:#3c4538;
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
				height:20px;
			}
.submitbutton
			{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #386060;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	cursor:pointer;
			}
.submitbutton:hover 
			{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
background-color: #d0910b;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	height: 20px;
	width: 100px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	cursor:pointer;	
			}
			
.contactinput
		{

				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
		}
.contactinput:hover
		{
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
	}
.listbox
		{

				width:174px;
				height:20px;			
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
		}
.listbox:hover
		{
				width:174px;
				height:20px;			
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
	}	
/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/	
/* Onglets fiche site annuaire*/
#container {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#container hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#container ul#menu {	
	font-weight: bold;
}
#container ul#menu li {
	font: bold 11px Arial, Helvetica, sans-serif; 
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	display: inline;
	margin: 5px;
}
#container ul#menu li a {
text-decoration: none;

}
#container ul#menu li a:hover {
text-decoration: underline;
color: #333333;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	border: 0px solid #d5d5d5;
	padding: 0px;
}

#container a.current {
	padding: 3px 7px;
	border: 0px solid #d5d5d5;
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
}
#container a.ghost  {
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #d5d5d5;
	color: #333333;
	background: white url(images/shade.gif) top left repeat-x;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}
.presart{
border: 1px solid #E4E4E4;
}
/* pour les article ajouter 20.05.2012/ */
.ludroite{
margin-top: -7px;
padding-left:23px;
width:170px;
}
.lidroite{
font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;	
	list-style-type: none;
	margin: 0px;
	width: 150px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 2px;
	margin-left: -4px;
}
.lidroite:hover{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;	
	list-style-type: none;
	margin: 0px;
	width: 150px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 2px;
	margin-left: -4px;
	list-style-image: url(../images2011/li.png);
}
.lidroitesp{
	list-style-type: none;
	margin-left: -23px;
	width: 170px;
	height: 3px;
	padding-top: 2px;
	padding-bottom: 0px;
	background-image: url(../images2011/droite-active.png);
	background-repeat:no-repeat;
	background-position:bottom;
}																	
.lugauche{
margin-top: -7px;
padding-left:23px;
width:183px;
}
.ligauche{
font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;	
	list-style-type: none;
	margin: 0px;
	width: 163px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 2px;
	margin-left: -4px;
}
.ligauche:hover{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #386060;
	text-decoration: none;	
	list-style-type: none;
	margin: 0px;
	width: 163px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 2px;
	margin-left: -4px;
	list-style-image: url(../images2011/li.png);
}
.ligauchesp{
	list-style-type: none;
	margin-left: -23px;
	width: 183px;
	height: 3px;
	padding-top: 2px;
	padding-bottom: 0px;
	background-image: url(../images2011/gauche-active.png);
	background-repeat:no-repeat;
	background-position:bottom;
}