*{padding:0; margin:0;}
body {background-image:url(images/bg2.jpg);background-position: 50% 0%; background-repeat:no-repeat;  
    font-family: 'arial', 'century gothic', 'futura', arial, sans-serif; font-size: 12px; background-color:black;}  
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

#container{width:984px; margin:0 auto; background-color:white; position:relative; top:179px; padding-bottom:100px;}
a {color:black;}
h1 {color:white; text-transform:uppercase; font-size:130%; padding:20px 0 0 10px; font-weight:bold;}
h4 {color:white; height:72px;  width:180px; padding:10px 0 0 15px; text-transform:uppercase; background-repeat:no-repeat; }
a img {border: none ; margin:0 auto; text-align:center;}
.right {float:right;}
.left {float:left;}
fieldset {border:none;}

#formConnexion {position:absolute; top:-170px; left:670px;}
#formConnexion input[type=text], #formConnexion input[type=password] {float:none; width:90px; margin-right:5px; padding:1px; border:none !important; height:16px;}
#formConnexion fieldset {border:none;}
#formConnexion label {color:#fec210; width:100px; display:inline-block; margin-right:5px; }
#formConnexion input[type=submit]{width:70px;}

/* MENU DU HAUT */
#menutop {text-transform:uppercase; text-align:center; font-size:90%;}
#menutop ul {list-style-type:none; margin-top:-10px;}
#menutop li {float:left; }

#menutop a {display:block; height:43px; line-height:100%; text-decoration:none; color:black; font-weight:bold; display:block; width:123px;  background-image:url(images/btn_menu_top2.png); background-repeat:no-repeat; background-position:top;}
#menutop a:hover {background-image:url(images/btn_menu_top_hover2.png); color:#ffa133;}
#menutop .li1 {padding-top:20px;}
#menutop .li2 {padding-top:15px;}

/* COLONNE DE GAUCHE */
#leftside {float:left; width:195px; padding:10px 0 0 20px;}
#leftside h3 { background-image:url(images/bg_h3.jpg);background-repeat:no-repeat; margin:25px 0 15px 0; padding-left:5px;padding-top:12px; text-transform:uppercase; color:#6c6c6c; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9;}
#leftside h4 {background-image:url(images/bg_title_authentification.png); }
#leftside fieldset {border:none;}

#leftside form {padding:0 0 35px 0; line-height:300%; font-weight:bold; font-size:90%; font-variant: small-caps; font-family:'arial narrow', arial, sans-serif;}
#leftside form input[type="text"], #leftside input[type="password"] {color:black; float:right; border-style:solid; border-width:1px; border-color:#ffa133; width:100px;}
#leftside form input[type="submit"]{text-align:center; float:right; font-size:90%;}
#leftside form label {color:#888888; position:relative; top:-5px; float:left; }
#leftside #zoneclient a { color:#ffa133; text-decoration:none; text-align:center; font-size:90%;  font-variant: small-caps; font-family:'arial narrow', arial, sans-serif;}
#leftside #zoneclient {padding-bottom:35px;}
#leftside form a:hover {font-style:italic;}
#leftside ul {list-style-type:none }
#leftside ul li a { color:black; text-decoration:none; padding:8px 0 0 15px;  display:block; width:172px; height:29px; background-image:url(images/btn_menu_left.png); background-repeat:no-repeat; font-weight:bold;}
#leftside ul li a:hover {background-image:url(images/btn_menu_left_hover.png);}

/* COLONNE DU CENTRE */
/*#center {float:left; width:730px; padding:40px 0px ; margin:0px 5px 0px 5px;} */
#center { padding:100px 275px 0px 225px; margin:0px 5px 0px 5px;} 
#center .maj {text-transform:uppercase;}
#center p {padding:10px 0 10px 0; text-align:justify;}
#center .txtimage { color:#ffa133; text-align:left; font-weight:bold; display:block; }
#center h1 {color:#f7931d; padding:0 0 0 0;}

/* PORTE-FOLIO */
#porteFolio {width:730px; margin-right:25px; float:right; background-image:url(images/porte_folio.jpg); background-repeat:no-repeat; background-position:left top; margin-top:55px;}
#porteFolio #images {float:right; width:320px; margin-top:-30px; margin-right:10px;}
#porteFolio #images img { width:150px; height:90px; }
#porteFolio #images .flecheGauche {float:left; width:19px; height:19px; background-image:url(images/fgauche_orange.jpg); background-repeat:no-repeat; background-position:right top; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9;  display:block; margin-top:20px; }
#porteFolio #images .flecheDroite {float:right; width:19px; height:19px; background-image:url(images/fdroite_orange.jpg); background-repeat:no-repeat; background-position:left top; border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9;   display:block;  margin-top:20px; }
#porteFolio #images span {display:block; text-align:center; text-transform:uppercase;  margin-top:20px; }
.lienImage {padding:2px; border:2px solid #c9c9c9; display:block; }
.lienImage:hover {background-color:#c9c9c9;}


/* PORTE- FOLIO LISTE */
#porteFolio #liste {text-transform:uppercase; float:right; width:160px;}
#porteFolio #liste ul {list-style-type:none;}
#porteFolio #liste li {padding-left:12px; background-image:url(images/puce_fleche.jpg); background-repeat:no-repeat; background-position:left;}
#porteFolio #liste a {color:#f7931d; text-decoration:none;}
#porteFolio #liste a:hover {text-decoration:underline;}
#porteFolio #liste h2 {font-size:110%; font-weight:bold; color:#999999; padding-bottom:10px; line-height:100%; letter-spacing:-1px;}
#porteFolio #liste h2 span {color:black; }

#dernieresNouvelles {width:720px; border-top:1px solid #c9c9c9; margin-top:40px; float:right; margin-right:25px;}
#nouvelles h2 {margin-top:1px; display:block; width:181px; height:26px; background-image:url(images/bg_nouvelles.jpg); font-size:125%; text-transform:uppercase; color:white; padding-top:8px; padding-left:8px; letter-spacing:-1px;}
.titreorange {margin-top:1px; display:block; width:181px; height:26px; background-image:url(images/bg_nouvelles.jpg); font-size:125%; text-transform:uppercase; color:white; padding-top:8px; padding-left:8px; letter-spacing:-1px;}
#nouvelles img {width:75px; float:left; margin:5px; }
#nouvelles .suite {float:right;}

#nouvelles{float:right;width:450px;}
#nouvelles .date {color:#f9a94a;}
#nouvelles h3 {font-size:110% ;font-weight:bold; }
#nouvelles p {padding:0;}
#nouvelles ul {list-style-type:none; padding:10px;}
#nouvelles li {padding:0 0 10px 0;}
#nouvelles a.suite {color:#f9a94a; text-decoration:none; background-image:url(images/bg_suite.jpg); padding-right:45px; height:15px; padding-left:15px; background-position:right bottom;}
#nouvelles a.suite:hover {font-weight:bold;}

#interfaceClient {float:right; border-left:1px solid #c9c9c9; width:267px; }
#interfaceClient img {float:left; border:1px solid #f7931d; margin:8px 5px 5px 10px;}
#interfaceClient h2 {float:left; text-transform:uppercase; font-size:120%; letter-spacing:-1px;margin:0px 5px 5px 5px; }
#interfaceClient h3  {float:left; color:#f9a94a; font-size:100%; text-transform:uppercase;margin-left:5px;}
#interfaceClient a {float:right; width:19px; height:19px; background-image:url(images/fleche_gauche.jpg); background-repeat:no-repeat; background-position:right top; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9;  display:block; position:relative; }
#interfaceClient p {font-size:90%; line-height:200%; padding:10px;}


#centreBas div {position:relative; float:left; width:229px; height:166px; background-image:url(images/bg_jaune.jpg); margin-left:10px; margin-top:25px;}
#centreBas h1 {text-transform:uppercase; padding-top:10px; padding-left:25px; line-height:100%}
#centreBas h1 span {color:#cc7400;}
#centreBas p {color:white; padding:20px 25px 0 25px; font-size:90%}
#centreBas img.img1 {position:relative; top:15px; left:90px;}
#centreBas img.img2 {position:relative; top:25px; left:76px;}
#centreBas img.img3 {position:relative; top:25px; left:92px;}
#centreBas a {width:35px; height:35px; background-image:url(images/fleche_blanche.png); position:relative; float:right; top:15px; right:10px;}


/* RIGHTSIDE */
#rightside {float:right;width:245px; padding:40px 15px 0 15px; height:100%;}
#rightside h3 {height:26px; background-image:url(images/bg_title_base_connaissances.png);background-repeat:no-repeat; padding:0 0 15px 0;}
#rightside h3 span {display:none;}

#rightside #categorie h4 {background-image:url(images/bg_title_categorie.png);}
#rightside #categorie h4 span {line-height:100%; text-transform:none; display:block; color:black; font-size:85%; width:125px; padding:15px 0 0 0; font-family:  'arial narrow', arial, sans-serif; }
.article {font-size:90%;line-height:105%; background-image:url(images/separator_base_connaissances.png); background-repeat:no-repeat; background-position:top; padding:3px 0 10px 3px;}
.article a {text-decoration:none; color:#ffa133; display:block;}
.article a:hover {text-decoration:underline;}

#rightside #autrecategories {padding:15px 0 0 0;}
#rightside #autrecategories  h4{background-image:url(images/bg_title_autre_categories.png); height:47px; }
#rightside #autrecategories ul {list-style-type:none; padding:0 0 0 2px;}
#rightside #autrecategories ul li a {color:black; text-decoration:none ;display:block; width:218px; height:29px; padding:8px 0 0 20px; background-image:url(images/btn_menu_right.png); background-repeat:no-repeat;}
#rightside #autrecategories ul li a:hover {background-image:url(images/btn_menu_right_hover.png);color:#ffa133;}



/* FOOTER */
#footer {width:100%; height:182px; background-image:url(images/footer.png); background-repeat:no-repeat; background-position:50% 0%; position:relative; top:100px;}
#footer a {padding:0 15px 0 15px; background-position:center;}
#harley {float:left; display:block; width:141px; height:65px; background-image:url(images/harley.png); background-repeat:no-repeat; }
#computek {float:left; display:block; width:124px; height:65px; background-image:url(images/computek.png); background-repeat:no-repeat; }
#cotebeaupre {float:left; display:block; width:78px; height:70px; background-image:url(images/logo_cote_beaupre.png); background-repeat:no-repeat; }
#grandeferme {float:left; display:block; width:170px; height:70px; background-image:url(images/logo_grande_ferme.png); background-repeat:no-repeat; }
#grandefete {float:left; display:block; width:95px; height:80px; background-image:url(images/logo_grande_fete.png); background-repeat:no-repeat; }
#logopartenaires {height:65px;  width:800px;; padding:110px 0 0 0; margin:0 auto; }

/* HEBERGEMENT */
.prix
.soustitre {font-family: 'arial', 'century gothic', 'futura', arial, sans-serif; color:CCCCCC; text-transform:uppercase; font-size:20px; font-weight:bold;}
#nomdomaines { background-image:url(images/img_heber_top.jpg); background-repeat:no-repeat; }

span.crop {height: 80px; width:140px; overflow: hidden; border:2px solid #f7931d; margin:2px !important;  left:0px !important;}

span.crop img { min-width:150px; min-height:90px; border:none !important;  }

#nouvelles .liste_nouvelle a{color: #F7CA52; text-decoration: none;}
#nouvelles .liste_nouvelle a:hover{text-decoration: underline;}
#nouvelles .liste_nouvelle img{}
#nouvelles .detail_nouvelle img{height: auto; width: auto;}

#lienaccueil
{
	display:block;
	width: 250px;
	height: 130px;
	position: absolute;
	top: 20px;
	left:42%; 

}

#vote li
{
	display: inline;
}

#lien_imprime
{
	color:#F7CA52;
	text-decoration: none;
}
#lien_imprime:hover
{
	text-decoration: underline;
}

.lien_utiles
{
	color: #F7CA52; 
	text-decoration: none;
}

.lien_utiles:hover
{
	text-decoration: underline;
}

/*Paiement PayPal*/

#center h2, #liste_diffusion h2 {margin-top:1px; display:block; width:181px; height:26px; background-image:url(images/bg_nouvelles.jpg); font-size:125%; text-transform:uppercase; color:white; padding-top:8px; padding-left:8px; letter-spacing:-1px;}
.services{width: 500px; font-weight: bold;}
.services_title{border-bottom: 2px solid #C9C9C9; font-size: 14px; font-weight: bold; color: #6C6C6C; background-color: #C9C9C9;}
.align_text_right{text-align: right;}
.border_bas{border-bottom: 1px solid #C9C9C9; min-height: 22px;}
.panier{width: 325px; font-weight: bold;}
.boder_right_white{border-right: 2px solid #FFFFFF;}
.panier_item{font-weight: bold;}

#img_diffusion{width:  185px; height: 52px; margin:15px auto 5px auto; background-image: url("images/title_diffusion.jpg");}
#form_diffusion{margin-top: 15px;}
#spacer{margin-left: 31px;}
#spacer2{margin-left: 9px;}
#btn_diffusion{margin-right: 14px}
#form_diffusion .textBox{font-size: 11px; width: 125px !important; color: #888888;}


/* HEBERGEMENT */
#hebergementTop { margin:10px 0; background-image:url(images/img_heber_top.jpg); background-repeat:no-repeat; width:464px; height:97px; padding:100px 5px 0;; }

#tabAnnees {width:473px; height:55px; background-image:url(images/back_tab_annees.jpg);}
#tabAnnees table {width:100%; height:100%;border-collapse:collapse;}
#tabAnnees td {border:none; width:16%; height:50%; text-align:center;}

#verifierNom {background-image:url(images/back_tab_dom.jpg); width:453px; height:51px; padding:10px; }
#verifierNom input[type=text]{padding:2px;}
#verifierNom #extensions {padding:2px;}
#verifierNom #verifier {float:right; border:none;color:white; background-color:#606060; font-size:12px; font-weight:bold; padding:3px; position:relative; left:-3px; top:8px; }

#compteHebergement {background-image:url(images/img_espace_disque.jpg); width:453px; height:238px ; padding:5px 10px 0; }
#compteHebergement table {width:100%; border-collapse:collapse; }

#compteHebergement td {width:33%; height:26px; font-weight:bold;}
#compteHebergement .tr1 td {height:28px;}
.gris {color:#606060 !important;}

#formHebergement input[type=radio]{margin-right:4px; position:relative; top:1px; }
#formHebergement #suivant, #btn_envoyer {float:right; border:none;color:white; background-color:#606060; font-size:12px; font-weight:bold; padding:3px; position:relative; left:-3px; top:8px; }

.textBox{border:1px solid #FFA133;}
.form_info label{color:#888888;
font-family:'arial narrow',arial,sans-serif;
font-size:90%;
font-variant:small-caps;
font-weight:bold;
line-height:300%;}
.form_info{text-align: right; width: 235px;}

#pubReferencement {width:280px; height:233px; background-image:url(images/bg_pub_referencement.jpg); }
#pubReferencement a {display:block; width:255px; height:48px; background-image:url(images/btn_referencement.jpg); margin-top:171px; margin-right:13px; background-position:left;  }
#pubReferencement a:hover {background-position:right;}