/* CSS Document*/

body{
	padding:11px 0 14px 0;
	margin:0;
	background-color:#EFEFDF;
	color:#000;
	text-align:justify;
}
dt, dl, dd, div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
}

img{
	border:none;
}

/*td {
	border: 1px solid #e5eff8;
	padding: 0.5em 0.7em;
	margin:0;
}
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border: 1px solid #e5eff8;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
}
*/
ul{
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
a.point, a.point:link, a.point:visited, a.point:active {
        color: #62625C;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #62625C;
	text-decoration:none;
}
a.point:hover {
        color: #62625C;
        border-bottom-width: 1px;
        border-bottom-style: none;
        border-bottom-color: #62625C;
	text-decoration:none;
}
a.point2, a.point2:link, a.point2:visited, a.point2:active {
	color: #5F860B;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #5F860B;
	text-decoration:none;
}
a.point2:hover {
        color: #5F860B;
        border-bottom-width: 1px;
        border-bottom-style: none;
        border-bottom-color: #5F860B;
	text-decoration:none;
}
a.point3, a.point3:link, a.point3:visited, a.point3:active {
	color:#D76E08;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #D76E08;
	text-decoration:none;
}
a.point3:hover {
        color: #D76E08;
        border-bottom-width: 1px;
        border-bottom-style: none;
        border-bottom-color: #D76E08;
	text-decoration:none;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	background:url(../images/header6.png) 0 0 no-repeat;
	width:981px;
	height:198px;
	position:relative;
	margin:0 auto;
}
#menu {
	background:url(../images/nav_bar.gif) 0 0 no-repeat;
	margin:0;
	width:705px;
	height:29px;
	position:absolute;
	left:136px;
	top:6px;
	padding:0 0 0 52px;
	list-style-type:none;
}
#menu dl {
	float: left;
	background:url(../images/nav_div.gif) right top no-repeat;
	padding:0 1px 0 0;
        height:29px;
}
#menu dl.right {
	background:none;
        height:29px;
}
#menu ul {
	margin:0; 
	padding:0; 
	height:29px;
	position:absolute;
	list-style-type:none;
}
#menu ul li{
	background:url(../images/nav_div.gif) right top no-repeat;
	height:29px;
	float:left;
	padding:0 1px 0 0;
}
#menu ul li div.ongletg {
	background:url(../images/nav_bar_left.gif) 0 0 no-repeat;
	position:absolute;
	left:-10px;
        width:10px;
        height:29px;
}
#menu ul li div.ongletd {
	background:url(../images/nav_bar_right.gif) 0 0 no-repeat;
	position:absolute;
	width:10px;
        height:29px;
	margin-left:-1px;
}
#header ul li.right{
	background-image:none;
}
#menu a{
	display:block;
	background:url(../images/nav_bg.gif) 0 0 repeat-x;
	padding:0 27px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#344A04;
	background-color:inherit;
	text-decoration:none;
}
#menu a:hover {
	display:block;
	background:url(../images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	padding:0 27px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
}

#header p.topText{
	font:normal 18px/23px Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	background-color:inherit;
	position:absolute;
	left:300px;
	top:150px;
	width:448px;
}

#header a.readMore{
	display:block;
	background:url(../images/read_more1.gif) 0 0 no-repeat;
	width:50px;
	height:38px;
	position:absolute;
	left:919px;
	top:147px;
}

#header a.readMore:hover {
	background:url(../images/read_more_hover1.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/


/*------------------------------------------------body--------------------*/
#body{
	width:978px;
	margin:0pt auto;
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}
/*------------------------------------------------left--------------------*/
#left{
	width:380px;
	float:left;
}
#left1{
	width:380px;
	cursor:pointer;
	/*background:url(../images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;*/
	border:#DDDDCA solid 7px;
	margin:0 0 10px 0;
	padding:5px 10px 6px 10px;
	color:#878767;
}
#left1 p.pic1{
	display:block;
	background:url(../images/host1.png) 0 0 no-repeat;
	width:88px;
	height:88px;
	margin:5px 5px 5px 5px;
	float:left;
}

*html #left1 p.pic1 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='http://www.gayuxweb.fr/images/host1.png');
}
#left1 p.boxTxt1{
	float:right;
	padding:0 0 0 15px;
	border-left:#F9F9F1 solid 2px;
	font:normal 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:239px;
}

#left1 p.boxTxt1 span{
	font:bold 21px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0px 0 0 25px;
	margin:10px 10px 15px 0;
	background:url(../images/one.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}
#left2{
	width:380px;
	cursor:pointer;
	/*background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;*/
	border:#DDDDCA solid 7px;
	margin:0 0 10px 0;
	padding:5px 10px 0px 10px;
	color:#878767;
}
#left2 p.pic2{
	display:block;
	background:url(../images/tux_learn.png) 0 0 no-repeat;
	width:100px;
	height:100px;
	margin:0px 0px 0px 0px;
	float:left;
}

*html #left2 p.pic2 {	
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.gayuxweb.fr/images/tux_learn.png');
}


#left2 p.boxTxt2{
	float:right;
	padding:0 0 0 15px;
	border-left:#F9F9F1 solid 2px;
	font:normal 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:239px;
}
#left2 p.boxTxt2 span{
	font:bold 21px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:10px 1px 15px 0;
	background:url(../images/two.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}
#left3{
	width:380px;
	cursor:pointer;
	/*background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;*/
	border:#DDDDCA solid 7px;
	margin:0 0 10px 0;
	padding:5px 10px 6px 10px;
	color:#878767;
}
#left3 p.pic3{
	display:block;
	background:url(../images/boinc.png) 0 0 no-repeat;
	width:120px;
	height:68px;
	margin:20px 0pt 0 0;
	float:left;
}

*html #left3 p.pic3 {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.gayuxweb.fr/images/boinc.png');
}

#left3 p.boxTxt3{
	float:right;
	padding:0 0 0 15px;
	border-left:#F9F9F1 solid 2px;
	font:normal 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:239px;
}
#body a{
	text-decoration:none;
	cursor: pointer;
}
#left3 p.boxTxt3 span{
	font:bold 21px/17px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:0 0 0 25px;
	margin:10px 10px 15px 0;
	background:url(../images/three.gif) 0 0 no-repeat;
	height:17px;
	display:block;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	
	width:540px;
	float:right;
	background:url(../images/right_panel_bg2.gif) 0 0 repeat-y;
}
#right p.rightTop{
	display:block;
	background:url(../images/right_top2.gif) 0 0 no-repeat;
	width:540px;
	height:26px;
	float:right;
}
#right h2{
	font:bold 25px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:10px 0 25px 0;
	padding:0 0 0 18px;
	display:block;
}
#right p.rightTxt1{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 18px 24px 18px;
	text-align: justify;
}
#right p.rightTxt1 span{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
	display:inline;
}
#right p.rightTxt2{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 0 10px 18px;
	float:left;
	width:349px;
	margin:0 0px 0 0;
	text-align:justify;
}

#right p.rightTxt2 span a{
	font:bold 17px/18px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding-bottom:5px;
	border-bottom:#BCBCB5 dashed 1px;
	width:330px;
	display:block;
	margin:0 0 19px 0;
}
#right p.rightPic{
	display:block;
	background:url(../images/right_panel_pic2.gif) 0 0 no-repeat;
	width:166px;
	height:155px;
	float:left;
	margin:0 0 15px 0;
}
#right p.rightBottom{
	display:block;
	background:url(../images/right_bottom2.gif) 0 0 no-repeat;
	width:540px;
	height:20px;
	float:right;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------center--------------------*/					/*--------------------centre d'une page classique---------------------*/
#center{
	width:976px;
	position:static;

	/*float:center;*/
	/*background:url(images/center_panel_bg.gif) 0 0 repeat-y;*/
	background:url(../images/right_panel_bg.gif) repeat;
	border-left:1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

#center p{
	padding:0 38px 10px 38px;
}
#center h2{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin:0 0 16px 0;
	padding:0 0 0 38px;
	display:block;
}
#center p.centerTxt1{																		/*---------------------------texte normal------------------------------*/
	/*display:block;*/
	/*float:left; */
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 38px 10px 38px;
}
#center p.centerTxt1 span{															/*-----------------------texte gras couleur verte taille du texte-------------------------*/
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
}
#center p.centerTxt2{
	padding:10px 0 20px 38px;
/*	float:left;*/
/*	width:349px;*/
	margin:0 27px 0 0;
}
#center p.centerTxt2 span{																				/*-------------------titre orange souligné--------------*/
	font:bold 17px/18px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	border-bottom:#BCBCB5 dashed 1px;
	width:340px;
	/*display:block;*/
	margin:0 0 15px 0;
}

/*------------------------------------------------center--------------------*/

/*-----------------------------------------------tutos----------------------*/

#tuto, #inscription{
	width:976px;
	position:static;
	margin:auto;
	/*float:center;*/
	/*background:url(images/center_panel_bg.gif) 0 0 repeat-y;*/
	background:url(../images/right_panel_bg.gif) repeat;
	border-left:1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
#tuto #titre {
	
}
#tuto #sommaire {
	float: right;
	padding: 0;
	margin: 20px!important;
	margin-right: 10px;
	margin-left: 10px;
}
#tuto  ul.sommaire {
	padding: 0px;
	margin: 0;
	width: 150px;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}
#tuto  li.titre {
	margin: 0;
	padding: 1px 0px 1px 15px;
	border-bottom: 1px solid gray;
	list-style-type:none; 
	background-color:#EFEFDF;
	font-size:1em;
}
#tuto  li.sommaire {
	margin: 0;
	border-bottom: 1px solid gray;
	list-style-type:none; 
	font-size:1em;
}
#tuto a.sommaire, a.sommaire:link, a.sommaire:visited, a.sommaire:active {
	line-height: normal;
	border-bottom-style: none;
        text-decoration: none;
	margin:0;
	padding:0;
	padding-left: 25px;
	color:#62625C;
	display:block;
}

#tuto a.sommaire:hover {
	background:url(../images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
	margin:0;
	padding:0;
	padding-left: 15px;
	color:#62625C;
	display:block;
	height:100%!important;
	height:10px;
}
#tuto h2.sommaire{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin: 15px 0px 10px 0px;
	padding:0 0 15px 38px;
	border-bottom:#BCBCB5 solid 1px;
	width:750px;
}

#tuto li {
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	margin: 0 40px 0px 20px;
}

#tuto p, #inscription p {
	padding:0 38px 10px 38px;
}

#tuto pre.fichier{																/*------------------------fichier de conf (fond bleu entouré)------------------*/
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background: #F7F7FF;
	/*background-color:inherit;*/
	border: 1px solid #DADCE0;
	padding:10px 38px 10px 38px;
	width:800px;
	margin:0px 38px 10px 30px;
	overflow: auto;
}
	
#tuto p.saisie {																/*-------------------------saisie d'une commande---------------------------------*/				

	font: 13px Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 120%;
	text-align: justify;
	font-style: italic;
}

#tuto h2, #inscription h2{
	font:bold 30px/22px Arial, Helvetica, sans-serif;
	color:#222222;
	background-color:inherit;
	margin: 15px 0px 10px 0px;
	padding:0 0 15px 38px;
	display:block;
	border-bottom:#BCBCB5 solid 1px;
}
#tuto h3 {
	margin: 15px 0px 10px 0px;
	padding:0 0 15px 38px;
	font-family: Arial,Helvetica,sans-serif;
}
#tuto p.texte{																			/*----------------------Texte des paragraphes------------------------*/
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
}

#tuto p.titre2, #inscription p.titre2{																/*------------------------titre des paragraphes vert gras-----------------------*/
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
	margin: 15px 0px 5px 0px;
}

#tuto p.titre3 {																		/*-------------------titre des paragraphes orange gras--------------*/
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	margin: 15px 0px 5px 0px;
}
#tuto p.titre4{																			/*------------------------titre des paragraphes vert-----------------------*/
	font:14px Arial, Helvetica, sans-serif;
	color:#5F860B;
	background-color:inherit;
	margin: 5px 0px 3px 30px;
}
#tuto p.titre5 {																		/*-------------------titre des paragraphes orange--------------*/
	font:13px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	margin: 5px 0px 3px 40px;
}
#tuto a.slide {																				/*-------------------lien des slides orange --------------*/
	font:15px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
}
#tuto span{																			 	/*----------------------soulignement en pointillé----------------------------*/
	border-bottom:#BCBCB5 dashed 1px;
}


#tuto p.titre1{																			/*----------------------titre du tuto---------------------------*/
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	padding:10px 0px 20px 38px;	
}


#tuto a.back{
	background:url(../images/back.png) 0 0 no-repeat;
	position:absolute;
	left:995px;
	top:310px;
	padding: 0px 0px 37px 100px;
	text-decoration: none;
	font-size:x-large;
	
}

#tuto div.gauche {
	float:left;
	width:488px;
	height:155px;
	margin-bottom:15px;
}
#tuto div.droit {
	float:right;
	width:488px;
	height:150px;
	padding-top:5px;
	margin-bottom:15px;
}
#tuto div.droit2 {
	float:right;
}
/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:946px;
	background:url(../images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
	color:#ffffff;
	padding:0 13px 0 18px;
	margin:0 auto;
}
#news{
	/*width:341px;*/
	width:700px;
	float:left;
	margin:0 12px 0 0;
}
#news1{
	clear:both;
}
#news a.archives {
        margin-top:2px;
        background:url(../images/icones/Newspaper_Feed_48x48.png) 0 0 no-repeat;
        display:block;
        height:48px;
        width:48px;
        float:right;
}

*html #news a.archives {
	background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.gayuxweb.fr/images/icones/Newspaper_Feed_48x48.png');
}

*html #news a.rss {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.gayuxweb.fr/images/icones/Billboard_Feed_48x48.png');
}

#news a.rss {
        margin-top:2px;
        background:url(../images/icones/Billboard_Feed_48x48.png) 0 0 no-repeat;
        display:block;
        height:48px;
        width:48px;
        float:left;
}
a.news, a.news:link, a.news:visited, a.news:active {
        color: #ffffff;
	font-style: normal;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
        text-decoration: none;
}
a.news:hover {
        color:#974D04;
       	font-style: normal;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #ffffff;
	text-decoration: none;
}
#news h2{
	display:block;
	background:url(../images/arrow_red.gif) 0 22px no-repeat;
	padding:0 0 0 25px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:22px 0 17px 25px;
}
#news div.date{
        float:right;
        font:12px/17px Arial, Helvetica, sans-serif;
        color:#974D04;
        padding:0 7px;
}

#news div.titre{
        background:url(../images/date_bg.gif) 0 0 no-repeat;
        height:17px;
        padding:0 7px;
        margin:0 0 10px 0;
        font:12px/17px Arial, Helvetica, sans-serif;
        color:#974D04;
        background-color:inherit;
}
#news div.titre_all{
        background:url(../images/date_big.gif) 0 0 no-repeat;
        height:17px;
        padding:0 7px;
        margin:0 0 10px 0;
        font:12px/17px Arial, Helvetica, sans-serif;
        color:#974D04;
        background-color:inherit;
}
#news p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	padding:0 0 13px 0;
}
#news p span{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#2C2C1B;
	background-color:inherit;
	text-decoration:underline;
	display:block;
}
#service{
	width:338px;
	float:left;
}
#service h2{
	display:block;
	background:url(../images/arrow_red.gif) 0 0 no-repeat;
	padding:0 0 0 24px;
	font:bold 22px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 17px 0;
}
#service h3{
	display:block;
	background:url(../images/date_bg.gif) 0 0 no-repeat;
	width:327px;
	height:17px;
	padding:0 0 0 11px;
	margin:0 0 14px 0;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974D04;
	background-color:inherit;
	text-transform:uppercase;
}
#service ul{
	padding:0;
	margin:0;
	display:block;
}
#service ul li{
	display:block;
	height:20px;
	line-height:0;
}
#service ul li a{
	display:block;
	background:url(../images/arrow_white.gif) 0 7px no-repeat;
	padding:0 0 0 10px;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	height:20px;
}
#service ul li a:hover{
	color:#974D04;
	background:url(../images/arrow_white_hover.gif) 0 7px no-repeat 
#DDDDCB;
	text-decoration:none;
}




/*--------------------espace d'authentification---------------------*/
#member{
	width:225px;
	float:right;
	margin:22px 0;
}
#member h2{
	display:block;
	background:url(../images/member_login_bg.gif) 0 0 no-repeat;
	width:205px;
	height:31px;
	padding:0 0 0 20px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#member form{
	width:191px;
	background:url(../images/member_form_bg.gif) 0 0 repeat-x 
#353535;
	padding:9px 17px 24px 17px;
	color:#fff;
}
#member form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
}
#member form input.txtBox{
	width:185px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0 0 8px 0px;
	padding:0;
	float:left;
}
#member form a{
	background:url(../images/register_member_icon.gif) 0 0 
no-repeat;
	padding:0 0 0 17px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9CCC37;
	background-color:#353535;
	border-bottom-style: none;
	text-decoration:underline;
	float:left;
	margin:5px 0 0 0;
	width:127px;
}


#member form a.logged{
        padding:0 0 0 17px;
        font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color:#9CCC37;
        background-color:#353535;
        border-bottom-style: none;
        text-decoration:underline;
        float:left;
        margin:5px 0 0 0;
        width:157px;
}


#member form a:hover {
	text-decoration:none;
	border-bottom-style: none;
}
#member form input.go{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
	margin:7px 0 0 0;
}

#tuto form input.go{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	margin:7px 0 0 0;
}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	color:#9BCB33;
	width:977px;
	height:55px;
	margin:0 auto;
	background:url(../images/footer_bg.gif) 0 0 repeat-x #323232;
	position:relative;
	margin-top:10px;
	font:bold 11px Arial, Helvetica, sans-serif;
}
#footer ul{
	width:930px;
	position:absolute;
	left:11px;
	top:17px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}

#footer ul li.template {
	float:right;
	background-color:inherit;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#9BCB33;
		
}

#footer a {
	color:#9BCB33; 
}

#footer a:hover {
	text-decoration:none;
}

#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:49px;
}

#footer p.valid{
	position:relative;
	top:17px;
	left:10px;
	float:left;
}
#footer p.middle{
	padding-top: 5px;
	text-align:center;
}
#footer p.right{
	text-align:right;
	float:right;
	position:relative;
	top:17px;
	right:10px;
	padding: 0;
}

#footer a.link{
	color:#9BCB33;
	text-decoration:none;
}

#footer a.xht {
	background:transparent url(../images/xhtml_bg.gif) no-repeat scroll 0 0;
	height:20px;
	width:98px;
	display:block;
}
#footer a.xht:hover {
	background:transparent url(../images/xhtml_bg_hover.gif) no-repeat scroll 0 0;
}
#footer a.cs {
	background:transparent url(../images/css_bg.gif) no-repeat scroll 0 0;
        height:20px;
        width:98px;
        display:block;
}
#footer a.cs:hover {
        background:transparent url(../images/css_bg_hover.gif) no-repeat scroll 0 0;
}
/*------------------------------------------------footer--------------------*/
/*-------------------------formulaire de contact----------------------------*/
#contactform #name, #contactform #sujet, #contactform #email, #contactform #message, #contactform #captcha, #commentform #message, #commentform0 #message {
	background:#FFFFFF url(../images/contact.gif) repeat scroll 0%;
	border:1px solid #DBDBDB;
	color:#3088C6;
	padding:5px;
	
}


#contactform #sujet {
	background:transparent url(../images/ico_form.jpg) no-repeat scroll 6px -21px;
	padding-left:26px;
	width:88px;
}

#contactform #name {
	background:transparent url(../images/ico_form.jpg) no-repeat scroll 6px 1px;
	padding-left:26px;
}

#contactform #email{
	background:transparent url(../images/ico_form.jpg) no-repeat scroll 6px -21px;
	padding-left:26px;
}
#contactform {
	margin-left:35px;
	
}



#contactform #contactsubmit{
	float:left;
	display:block;
	margin-top:20px;
}

#contact{
	margin-bottom:30px;
	padding-bottom:30px;
	width:70%;
}
#courrier {
	width:29%;
	float: right;
	margin:0px;
}
p.courrier {
	font-size: 1em;
	text-align:center;
}

/*-------------------------formulaire d'inscription----------------------------*/
.fValidator-msg {
    background-color:#CC0000;
    color:#FFFFFF;
    padding:5px;
    margin-top: 2px;
}

.tableau input, #ajouterdomaine input  {
    border: 1px solid #CCCC00;
    background-color: rgb(255, 255, 204);
}

.tableau label {
    font-weight: bold;
}

#inscription .tableau {
	border-collapse: collapse;
	border-width: 2px;
}

#inscription .tableau span,#inscription #inscriptionForm span,#contactform span {
    border-bottom:none;
    font-weight:bold;
    color:red;
}

.error_msg {
    margin: 20px; border : 1px solid #c00; background : #fee; padding : 0.5em;  font-weight: bold;
}

.tarif {
    font-weight:bold;
    color: red;
}


/*-------------------------template generique pour les boutons----------------------------*/
.formbutton, #ajouterdomaine .formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}


/*--------------------------zone client--------------------------------------------*/

.espaceclientinner, .domaine li {
	list-style-image: url("../images/icones/forward-alt.png");
}

.espaceclientinner ul {
	margin-left: 30px;
}

.espaceclientinner img {
	margin-right:10px;

}

#tuto .espaceclientinner p.titre3{
	margin-left:50px;
}

#tuto .espaceclientinner div.droit2 {
	background:url("../images/icones/deco.png") no-repeat;
}

#tuto .espaceclientinner p.texte span {
	border-bottom:medium none;
	color:red;
	font-weight:bold;
}

.listemails {

	margin-left:30px;
	margin-right:30px;
	margin-top:20px;
	margin-bottom:40px
}

.espaceclientinner form {
	margin-left:40px;
	line-height:10px;
	padding:10px;
}

.espaceclientinner form  {
	margin-left:30px;	
}

.listemails table, td {
	text-align:center;
	/*border: 1px solid grey; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	empty-cells:show;
}