@charset "utf-8";

/* Général */

a:link {text-decoration:none}
a:hover {text-decoration:none}
a:visited {text-decoration:none;}
textarea {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #808080; width: 100%; height: 160px; border: 1px solid #CCCCCC; padding-left: 3px; 	margin-top: 4px; margin-bottom: 0px;}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #808080;
	
	background-image: url(images/arbiossextile.jpg);
	
	margin: 0px;
	padding: 0px;
	scrollbar-base-color: #FFFFFF;
	scrollbar-shadow-color: #F5F5F5;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #F5F5F5;
	scrollbar-darkshadow-color: #F5F5F5;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #D1E637;
}
form {margin:0;	padding:0}
.form {box-sizing: border-box; /* css3 rec */ -moz-box-sizing: border-box; /* ff2 */ -ms-box-sizing: border-box; /* ie8 */ -webkit-box-sizing: border-box; /* safari3 */-khtml-box-sizing: border-box; /* konqueror */}
select {font-family: Verdana, Geneva, sans-serif; font-size: 10px; width: 100%;	height: 50px; color: #808080; height: 18px;}

/* Structure */

.cloud {left: 50%; top: 50%; height: 660px;	width: 950px; margin-top: -330px; margin-left: -475px; position: absolute}
.bas {background-image: url(images/bas.png); background-repeat: repeat-x;}
.centre {background-color: #FFFFFF;}
.droit {background-image: url(images/droit.png); background-repeat: repeat-y;}
.gauche {background-image: url(images/gauche.png); background-repeat: repeat-y;}
.haut {background-image: url(images/haut.png); background-repeat: repeat-x;}
.haut0 {font-size: 10px; color: #FFFFFF; text-align: right;}
.hautbas {font-size: 10px; color: #FFFFFF;}
.hautbas a {color: #FFFFFF;}
.menudroit {background-image: url(images/menudroit.jpg); background-repeat: no-repeat;}
.menugauche {background-image: url(images/menugauche.jpg); background-repeat: no-repeat;}

/* Polices */

.bleu10 {color: #294250; font-size: 10px;}
.bleu10 a {color: #294250; font-size: 10px;}
.bleu12 {color: #294250; font-size: 12px;}
.gris10 {color: #808080; font-size: 10px;}
.gris12 {color: #808080; font-size: 12px;}
.orange10 {color: #FF6600; font-size: 10px;}

/* Cadres | Tableaux */

.adresses {font-size: 12px; line-height: 18px; color: #294250; /* background-image: url(images/ombre.png); background-repeat: repeat-x;*/}
.adresses a { color: #294250}
.adresses input {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #808080; width: 100%; height: 16px; border: 1px solid #CCCCCC; padding-left: 3px;}
.adresses1 {font-size: 12px; line-height: 18px; color: #294250; background-image: url(images/ombre.png); background-repeat: repeat-x;}
.adresses1 a { color: #294250;}
.adresses2 {font-size: 12px; line-height: 18px; color: #294250;}
.adresses2 a { color: #294250;}
.cgv {font-size: 10px; color: #808080; background-color: #F5F5F5;}
.cgv a {font-style: italic;}
.cgvbox {width: 12px; height: 12px; border: 1px solid #EAEAEA; margin: 0px;	padding: 0px; line-height: 10px;}
.chemin {font-size: 10px; color: #EAEAEA; text-align: center; line-height: 28px;}
.chemin a {color: #EAEAEA;}
.chemin a:hover {color: #FFFFFF;}
.div {height: 330px;}
.intro {font-size: 10px; text-align: justify; height: 49px; background-image: url(images/ombreinv.png); background-repeat: repeat-x; background-position: bottom;}
.input {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #808080; width: 100%; height: 16px; border: 1px solid #CCCCCC;}
.intro2 {font-size: 10px; text-align: justify; height: 15px;}
.lexique {font-size: 12px; line-height: 18px; color: #294250}
.lexique2 {font-size: 12px; color: #294250}
.lexique2 p {text-align: justify;}
.menu10 {font-size: 10px; line-height: 12px;}
.menu10 a {color: #294250; display: block;}
.menu10 a:hover {background-color: #F5F5F5;}
.menu12 {font-size: 12px; line-height: 16px;}
.menu12 a {font-size: 12px;	display: block; color: #294250;}
.menu12 a:hover {background-color: #F5F5F5;	font-weight: bold;}
.ombrebas {background-image: url(images/ombreinv.png); background-repeat: repeat-x;	background-position: bottom;}
.ombrehaut {background-image: url(images/ombre.png); background-repeat: repeat-x; background-position: top;}
.pages {font-size: 10px; color: #666; line-height: 14px;}
.pages a {color: #666;}
.panierselect {font-size: 10px;	color: #294250;	width: 30px; height: 12px; text-align: center; vertical-align: middle; border: 1px solid #EAEAEA; margin: 0px; padding: 0px; line-height: 10px;}
.pied {height: 55px; background-image: url(images/newpied.png);	background-repeat: no-repeat; border-top-width: 1px; border-top-style: solid; border-top-color: #EAEAEA; position: relative}
.piedform {height: 55px; background-image: url(images/newpied.png);	background-repeat: no-repeat; border-top-width: 1px; border-top-style: solid; border-top-color: #EAEAEA; position: relative}
.piedcss {height: 55px; background-image: url(images/newpied.png); background-repeat: no-repeat; border-top-width: 1px; border-top-style: solid; border-top-color: #EAEAEA;	position: absolute; top: 540px; margin-left: -260px; left: 50%;	width: 520px;}
.puce {padding-left: 20px; background-image: url(images/d.gif);	background-repeat: no-repeat; background-position: left center;}
.pucevide {padding-left: 20px;}
.pucelien a {padding-left: 20px; background-image: url(images/d.gif); background-repeat: no-repeat;	background-position: left;}
.pucelien a:hover {background-image: url(images/d2.gif);}
.pucelien2 a {padding-left: 11px; background-image: url(images/tab.gif); background-repeat: repeat-y; background-position: left; display: block;}
.pucelien2 a:hover {background-image: url(images/tabover.gif);}
.puce2 {padding-left: 10px;	background-image: url(images/f_vert.gif); background-repeat: no-repeat;	background-position: left center;}
.puce2vide {padding-left: 10px;}
.tab2 {padding-left: 8px; border-left-width: 3px; border-left-style: solid;	border-left-color: #EAEAEA;}
.titre {font-size: 12px; color: #294250;}
.titre a {color: #294250;}
.titre td {line-height: 28px;}

/* Controle formulaire */

#msg {display:none; position:absolute; z-index:100;	left center no-repeat; font-weight: bold; color: #FF6600;}
#msgcontent {display:block;	max-width: 270px; background-color: #FFFFFF; padding: 5px; width: 270px;}


/* Tinyscroller */
#scroll {position:relative; width:510px; height:315px; overflow:visible; padding-left: 8px}
#scrollcontent {position:absolute; width:490px; /*padding: 10px;*/ z-index:800}
#scrollbar {float:right; position:relative; display:none; width:12px; height:315px; z-index:150; background-image:url(images/scroll-bg.gif)}
.scroller {position:absolute; min-height:30px; width:12px; cursor:pointer; background-color:#D1E637; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {min-height:30px; background-color:#D1E637}