@charset "iso-8859-1";
/* ArtiClic -
Réalisé par Aquila informatique : logiciels pour la gestion d’entreprise.
44120 Vertou. http://www.aquilainformatique.com
Tél. +33(0)2 40 85 34 34 Fax +33(0)2 40 86 18 76 ;
Date : 25/12/08 ; 
(c) Tous droits réservés Aquila Informatique ; 
*/
html {
	margin: 0;
	padding: 0;
}
body {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	padding: 0;
	color: #000000;
	background-color: #FFFFFF;
	background-image:url();
	background-repeat:repeat-x;
	text-align:center;
	 font-family:Arial, Helvetica, sans-serif;
}

img{
border:0px;
}

#page {
	
	width:950px;
	padding: 0;
	margin-top:0px;
	margin-left:30px;
	color: #000000;
	text-align:left;
	background-color: #FFFFFF;
	background-image:url();
	background-repeat:no-repeat;
	font-size:11px;
	float:left;
	padding-bottom:20px;
}
#page2 {
	
	width:950px;
	padding: 0;
	margin-top:0px;
	margin-left:30px;
	color: #000000;
	text-align:left;
	background-color: #FFFFFF;
	background-image:url(images/fond2.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	border:solid 4px;
	border-color:#aa4c01;
	float:left;
	padding-bottom:20px;
}
.page2 {
	
	width:950px;
	height:500px;
	padding: 0;
	margin-top:0px;
	margin-left:30px;
	color: #000000;
	text-align:left;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	font-size:11px;
	float:left;
}
h1{color: #666666;font-size:12px;font-weight:normal;margin:0;padding:0;}
p a{color:#e66b06;font-weight:bold;}
.retour {
	width:100px;
	height:20px;
	position:absolute;
	left: 143px;
	top: 23px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-repeat:no-repeat;
}
.retour a{
	width:100px;
	height:20px;
	position:absolute;
	left: -1px;
	top: 0px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(images/retour.jpg);
	background-repeat:no-repeat;
}
.retour a:hover{
	width:100px;
	height:20px;
	position:absolute;
	left: 0px;
	top: 1px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(images/retour.jpg);
	background-repeat:no-repeat;
}

.logi_artistats {
	
	width:800px;
	height:500px;
	padding: 0;
	margin-top:0px;
	margin-left:0px;
	color: #000000;
	text-align:left;
	background-color: #FFFFFF;
	background-image:url(images/fond_artistats.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	border:solid 0px;
	border-color: #666666;
	float:left;
}
.logi_artiplanning {
	
	width:950px;
	height:500px;
	padding: 0;
	margin-top:0px;
	margin-left:0px;
	color: #000000;
	text-align:left;
	background-color: #FFFFFF;
	background-image:url(images/fond_artiplanning.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	border:solid 0px;
	border-color: #666666;
	float:left;
}
.logi_artibureau {
	
	width:950px;
	height:500px;
	padding: 0;
	margin-top:0px;
	margin-left:0px;
	color: #000000;
	text-align:left;
	background-color: #FFFFFF;
	background-image:url(images/fond_artibureau.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	border:solid 0px;
	border-color: #666666;
	float:left;
}
/* ---------------- EN-TETE ------------------------------  */
#entete{
	width:950px;
	height:119px;
	padding:0 0 0 0;
	float:left;
	text-align:left;
	background-image: url();
	background-repeat:no-repeat;
}
.menu{
	width:950px;
	height:27px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	background-image: url();
	background-repeat:no-repeat;
}

.menu ul {
	display: block;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	padding-left:15px;
	float:left;
	}

.menu li {
	display: block ;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	}
.menu li a {
	display: block ;
	float:left;
	margin-top:0px;
	padding-top:0px;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding-left:0px;
	text-align: center ;
	}	

#boutgauche {
display: block ;
float:left;
width:30px;
height:27px;
background: url(images/menu/boutgauche.jpg) left top no-repeat ;
}
#boutdroit {
display: block ;
float:left;
width:30px;
height:27px;
background: url(images/menu/boutdroit.jpg) left top no-repeat ;
}



#accueil a{
width:140px;
height:27px;
background: url(images/menu/accueil.jpg) left top no-repeat ;
}
#accueil a:hover{
background: url(images/menu/accueil.jpg) right top no-repeat ;
}
#accueilok a{
width:140px;
height:27px;
background: url(images/menu/accueil.jpg) right top no-repeat ;
}
#accueil a:hover{
background: url(images/menu/accueil.jpg) right top no-repeat ;
}

#abelia a{
width:140px;
height:27px;
background: url(images/menu/abelia.jpg) left top no-repeat ;
}
#abelia a:hover{
background: url(images/menu/abelia.jpg) right top no-repeat ;
}
#abeliaok a{
width:140px;
height:27px;
background: url(images/menu/abelia.jpg) right top no-repeat ;
}
#abeliaok a:hover{
background: url(images/menu/abelia.jpg) right top no-repeat ;
}

#etiquettes a{
width:140px;
height:27px;
background: url(images/menu/etiquettes.jpg) left top no-repeat ;
}
#etiquettes a:hover{
background: url(images/menu/etiquettes.jpg) right top no-repeat ;
}
#etiquettesok a{
width:140px;
height:27px;
background: url(images/menu/etiquettes.jpg) right top no-repeat ;
}
#etiquettesok a:hover{
background: url(images/menu/etiquettes.jpg) right top no-repeat ;
}

#web a{
width:140px;
height:27px;
background: url(images/menu/web.jpg) left top no-repeat ;
}
#web a:hover{
background: url(images/menu/web.jpg) right top no-repeat ;
}
#webok a{
width:140px;
height:27px;
background: url(images/menu/web.jpg) right top no-repeat ;
}
#webok a:hover{
background: url(images/menu/web.jpg) right top no-repeat ;
}



#qui a{
width:140px;
height:27px;
background: url(images/menu/qui.jpg) left top no-repeat ;
}
#qui a:hover{
background: url(images/menu/qui.jpg) right top no-repeat ;
}
#quiok a{
width:140px;
height:27px;
background: url(images/menu/qui.jpg) right top no-repeat ;
}
#quiok a:hover{
background: url(images/menu/qui.jpg) right top no-repeat ;
}

#contact a{
width:140px;
height:27px;
background: url(images/menu/contact.jpg) left top no-repeat ;
}
#contact a:hover{
background: url(images/menu/contact.jpg) right top no-repeat ;
}
#contactok a{
width:140px;
height:27px;
background: url(images/menu/contact.jpg) right top no-repeat ;
}
#contactok a:hover{
background: url(images/menu/contact.jpg) right top no-repeat ;
}


.contenu{
	width:950px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

.contenu_1{
	width:890px;
	margin: 8px 0 0 20px;
	padding:0 0 0 0;
	float:left;
}

.contenu_2{
	width:900px;
	margin: 10px 0 0 17px;
	padding:0 0 0 0;
	float:left;
	border:none;
}
.contenu_2 a{
font-size:12px;
color:#666666;
text-decoration:none;
}
.contenu_2 a:hover{
color:#666666;
text-decoration:underline;
}

.contenu_2 p{
color: #666666;
font-size:12px;
}

.contenu_gauche2{
	width:720px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.contenu_gauche2 .texte p{
	width:600px;
	float:left;
	margin: 10px 10px 0 20px;
	padding:0 0 0 0;
	color: #000000;
	 font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.contenu_gauche2  .texte p a{
font-weight:bold;
text-decoration:none;
}
.contenu_gauche2  .texte p a:hover{
font-weight:bold;
text-decoration:underline;
}

.contenu_gauche_menu{
	width:510px;
	height:200px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	float:left;
	font-size:11px;
}

#champ{
width:90px;
height:12px;
margin-top:5px;
}
#bouton{
width:95px;
height:23px;
margin-top:5px;
font-size:12px;

}

.texte{
	width:600px;
	
	margin: 0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.texte p{
	width:550px;
	float:left;
	margin: 10px 10px 0 20px;
	padding:0 0 0 0;
	color: #000000;
	 font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.texte h1{
	float:left;
	width:550px;
	margin: 10px 10px 0 0px;
	padding:0 0 0 0;
	color: #ff6600;
	 font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.texte h2{
	float:left;
	width:500px;
	margin: 10px 10px 0 60px;
	padding:0 0 0 0;
	border-bottom:#FF6600 solid 1px;
	color: #000000;
	 font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-indent:5px;
	/*background-color:#ffb566;*/
}
.texte p a{
	padding:0 0 0 0;
	color: #FF6600;
	 font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
}
.texte p a:hover{
	padding:0 0 0 0;
	color: #FF6600;
	 font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#inscription{
float:left;
width:176px;
height:48px;
}
#inscription a{
display:block;
float:left;
width:176px;
height:48px;
background: url(images/minscrire.png) left top no-repeat ;
}
#inscription a:hover{
display:block;
float:left;
width:176px;
height:48px;
background: url(images/minscrire.png) right top no-repeat ;
}


.titre_index{
	width:510px;
	height:50px;
	 font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(images/titre_index.gif);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding:0 0 0 0;
	float:left;	
}
.titre_module{
	width:510px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(images/titre_module.gif);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding:0 0 0 0;
	float:left;	
}
.titre_partenaires{
	width:510px;
	height:50px;
	 font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(images/titre_partenaires.gif);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding:0 0 0 0;
	float:left;	
}
.titre_tarifs{
	width:510px;
	height:50px;
	 font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(images/titre_tarifs.gif);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding:0 0 0 0;
	float:left;	
}
.titre_nous{
	width:510px;
	height:50px;
	 font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(images/titre_nous.gif);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding:0 0 0 0;
	float:left;	
}.titre_contact{
	width:510px;
	height:50px;
	 font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(images/titre_contact.gif);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding:0 0 0 0;
	float:left;	
}
.titre_inscription{
	width:510px;
	height:50px;
	 font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(images/titre_inscription.gif);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding:0 0 0 0;
	float:left;	
}
.titre_cgv{
	width:510px;
	height:50px;
	 font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-image: url(images/titre_cgv.gif);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding:0 0 0 0;
	float:left;	
}
.contenu_gauche a{
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
/*color:#e67d07;*/
text-decoration:none;
}
.contenu_gauche a:hover{
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
/*color:#e67d07;*/
text-decoration: underline;
}
/*.concept{
	width:100px;
	height:20px;
	position:absolute;
	left: 220px;
	top: 169px;
}
.devis{
	width:144px;
	height:20px;
	position:absolute;
	left: 362px;
	top: 169px;
}.partenaires{
	width:76px;
	height:20px;
	position:absolute;
	left: 530px;
	top: 169px;
}.tarifs{
	width:54px;
	height:20px;
	position:absolute;
	left: 644px;
	top: 169px;
}.nous{
	width:133px;
	height:20px;
	position:absolute;
	left: 726px;
	top: 169px;
}.contact{
	width:100px;
	height:20px;
	position:absolute;
	left: 895px;
	top: 169px;
}*/


.contenu_droit{
	width:380px;
	
	float: left;
	/*left: 544px;
	top: 169px;*/
	margin: 30px 0 0 5px;
	padding:0 0 0 0;
	float:left;
}

/* ---------------- lien ------------------------------  */
.artigest a{
	width:360px;
	height:37px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/artigest.jpg) no-repeat 0 0 ;
}
.artigest a:hover{
	width:360px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/artigest.jpg) no-repeat -360px 0 ;
}
.artistats a{
	width:360px;
	height:37px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/artistats.jpg) no-repeat 0 0 ;
}
.artistats a:hover{
	width:360px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/artistats.jpg) no-repeat -360px 0 ;
}
.artiplanning a{
	width:360px;
	height:44px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/artiplanning.jpg) no-repeat 0 0 ;
}
.artiplanning a:hover{
	width:360px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/artiplanning.jpg) no-repeat -360px 0 ;
}
.artibureau a{
	width:360px;
	height:38px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/artibureau.jpg) no-repeat 0 0 ;
}
.artibureau a:hover{
	width:360px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/artibureau.jpg) no-repeat -360px 0 ;
}
.actu{
	width:360px;
	height:50px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	background:url(images/actu.jpg);
}

.rss{
	width:300px;
	margin: 10px 18px 0 58px;
	padding:0 0 0 0;
	float:left;
	background-image:url(images/rss_entete.jpg);
	background-repeat:no-repeat;
	background-color:#fff0d5;
	border: #ef7700 1px solid;
}
.rss a{
color: #666666;
text-decoration:underline;
}
.rss a:hover{
color: #333333;
text-decoration:underline;
}

.video{
margin: 10px 10px 0 60px;
float:left;
width:206px;
height:132px;
}
.video a{
float:left;
width:202px;
height:128px;
border: thin solid #FF9900 2px;
}


/* ---------------- diaporama ------------------------------  */
.galleryview{
 font-size:13px;
 }
.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}

.important {
	
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}


dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	
	background: #f0f0f0;
	padding: 10px;
}

.options {
	
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	
}
#parts-img {
	
}
img.nav {
	
	margin-bottom: 5px;
}

.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;