@charset "UTF-8";
/* CSS Document */
/* Jeremie ANZEVUI */
/* arx iT */

/* ------------ body ------------ */

html, body {
	background: #666666;
	text-align: center;
	font-family: "Lucida Grande", "Arial";
	font-size: 12px;
	height: 100%;
}

/* ------------ liens ------------ */


a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #95CB43;
}

a img {
	border: none;
}

/* ------------ input ------------ */

input {
	background: #F1F1F1;
	font-weight: bold;
}
input:hover, submit:hover, textarea:hover {
	background: #FFFFFF;
}
input:focus, submit:focus, textarea:focus {
	background: #FFFFFF;
}
.Disabled input {
	background: #FFFFFF;
	color : #A0A0A0;
}

textarea {
	background: #F1F1F1;
	font-weight: bold;
}
textarea:hover, submit:hover, textarea:hover {
	background: #FFFFFF;
}
textarea:focus, submit:focus, textarea:focus {
	background: #FFFFFF;
}

/* ------------ paragraphe ------------ */

p.w3 {
	text-align: center;
	border: none;
}
h3 {
	padding: 0;
	margin: 0;
	font-size: 2em;
}

h2 {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	font-size: 1.5em;
}

small {
	font-size: 0.8em;
}

ul{

	list-style-image: url("../images/image_liste.gif");
}


p{
	margin: 0;
	padding-top: 10px;
}

/* ------------ div ------------ */


.centre {
	text-align: center;
	padding:10px;
	min-height: 30px;
	margin: auto;
}

.titre {
	text-align:left;
	height: 30px;
	margin: auto;
	background-image: url(../images/title_bg.png);
	background-repeat: no-repeat;
}

.formulaire {
	text-align: left;
	margin: 0;
}
.header {
	background-image: url(../images/degrade_produit.gif);
	background-repeat: repeat-x;
	width:100%;
	height: 93px;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}
.header_title {
	width: 700px;
	
}
.menu {
	width: 400px;
	height: 50px;
	margin: auto;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	
}
.section{
	margin: 0px;
	margin-bottom: 40px;
	padding: 0px;
}
.footer {
	width: 700px;
	height: 20px;
	margin: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-left:  10px solid #87D300;
	border-right: 10px solid #87D300;
	border-bottom: 10px solid #87D300;
	background-color: #ffffff;
	font-size: 0.8em;
}
.input {
	text-align: left;
	margin: auto;
	padding: 10px;
	padding-left: 25px;
}
.space {
	height: 50px;
}
.donnees {
	text-align: left;
	margin: auto;
}
.texte {
	text-align: justify;
	width: 600px;
	margin: auto;
	min-height: 600px;
	padding-bottom: 50px;

}
.fonctionnement{
	padding-top: 10px;
	height: 700px;
}
.image_1 {
	width: 150px;
	float: left;
}
.image_2 {
	width: 150px;
	float: left;
}
.image_3 {
	float: right;
	width: 150px;	
	margin-right: 150px;
}
.image_4 {
	margin-top: -130px;
	width: 150px;	
	float: right;
}
.img_descr_1{
	margin:auto;
	height: 100px;
	padding-top: 50px;
}
.img_descr_2{	
	margin:auto;
	height: 100px;
	padding-top: 50px;
}
.img_descr_3{
	float: left;
	width: 300px;
	margin:auto;
	margin-left: -300px;
	margin-top: 140px;
	height: 50px;
	padding-top: 50px;
	text-align: right;
}
.img_descr_4{
	float: left;
	width: 300px;
	margin:auto;
	margin-left: 150px;
	margin-top: 10px;
	height: 100px;
	padding-top: 50px;
	text-align: right;
}

.logoArxiT{
	width: 700px;
	text-align: left;
	margin-bottom: -40px;
}

.main {
	margin: auto;
	margin-top: 10px;
	width: 700px;
	text-align: center;
	border-top: 10px solid #87D300;
	border-bottom: 0;
	border-left:  10px solid #87D300;
	border-right: 10px solid #87D300;
	padding: 0;
	background-color: #FFFFFF;
	min-height: 100%;
}

.rapport {
	padding: 20px;
	text-align: left;
	font-size: 10px;
}

.form {
	padding: 0;
	margin: auto;
}


/* ------------ span ------------ */

.description{
	color: #BFBFBF;
	margin-left: 10px;
}

/* ------------ tableau ------------ */
.tableau {
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	margin-top: 20px;
	width: 100%;
	font-size: 11px;
	}

.tableau td{
	border-top: 1px solid #000000;
}

.tableau td.petit{
	border-top: 0;
	font-size: 9px;
	width: 200px;
}

.tableau td.message{
	text-align: left;
	font-size: 10px;
}

/* ------------ jQuery Tools + flowPlayer ------------ */

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 665px; 
    width: 600px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}
/* single scrollable item */
.items div {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	padding-left: 0;
	padding-right: 0;
	font-size:12px;
	height:180px;
	width: 600px;
}

/* elements inside single item */
.items img {
	float:left;
	margin-right:20px;
	height:180px;
	width:240px;
}

.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	font-weight:normal;
}

.actions {
	width:600px;
	margin:0px;	
}

.actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.prevPage {
	float: left;
}

.nextPage {
	float:right;
}

.apple_overlay { 
     display:none; 
          
     width:800px;         
     padding:40px; 
 } 
 
div.apple_overlay.black {
	background-image:url(../images/transparent.png);		
	color:#fff;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

.apple_overlay div.close { 
    background-image:url(../images/close.png); 
    position:absolute; right:10px; top:10px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

div.black h2 {
	color:#fff;
}

#triggers img {
	cursor:pointer;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}