﻿body {
	margin: 0px auto;
	padding: 0;
	background-image:url(../img/Sans-titre-1.jpg);
	background-repeat:repeat-x;
}


div#total{
	text-align:center;
	position: relative;
}


#celluleglobale{
	position: relative;
	margin: 0px auto;
	width: 955px;
	background-image:url(../img/fond.jpg);
}


.inscri{
	width:955px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:10px;
}

.notions{
	width:955px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	font-weight:bold;
	padding-top:10px;
}
.notions2{
	width:955px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	font-weight:bold;
	padding-top:140px;
}
/*///////////////////////////////BANDEAU////////////////////////////////*/

#bandeau{
	position:relative;
	width:955px;
	height:68px;
	background-image:url(../img/osier2_01.jpg);
}



.adresse{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	width:955px;
	height:23px;
	padding-top:5px;
	font-weight:bold;
}


.bloc{
	position:relative;
	width:955px;
	height:280px;
}
.bloc2{
	position:relative;
	width:955px;
	height:auto;
}

/*////////////////////////////BANDEAU GAUCHE//////////////////////////////////////*/
.bandeau_gauche{
	position:relative;
	width:698px;
	height:251px;
	float:left;

}



.titrage{
	width:555px;
	height:85px;
	background-image:url(../img/titre2.png);
	float:left;
	margin-left:190px;
	margin-top:10px;
	background-repeat:no-repeat;
	

}
.titrage2{
	width:355px;
	height:85px;
	background-image:url(../img/titre_cannage.png);
	float:left;
	margin-left:290px;
	margin-top:10px;
	background-repeat:no-repeat;
	

}
.laius{
	position:relative;
	width:450px;
	height:60px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	float:left;
	margin-left:250px;
	padding-top:15px;

}



.vecto{
	position:relative;
	width:135px;
	height:35px;
	background-image:url(../img/vecto.png);
	float:left;
	margin-left:400px;
	margin-top:15px;
}




/*///////////////////////////////BANDEAU DROITE//////////////////////////*/
.bandeau_droite{
	position:relative;
	width:257px;
	height:251px;
	float:right;
}


.images{
	position:relative;
	width:134px;
	height:203px;
	background-image:url(../img/img.jpg);
	float:right;
	margin-right:18px;
	border:1px solid #990000;
	margin-top:15px;
}



/*/////////////////////CONTENEUR PRINCIPAL////////////////////*/
.conteneur_principal{
	position:relative;
	width:955px;
}


.conteneur_elements_gauche{
	position:relative;
	width:426px;
	height:117px;
	float:left;
	margin-left:55px;
	padding-bottom:15px;
}

.conteneur_elements_droite{
	position:relative;
	width:426px;
	height:117px;
	float:right;
	margin-right:25px;
	padding-bottom:15px;
}


.vignette{
	position:relative;
	width:174px;
	height:117px;
	border:1px solid #990000;
	
}
.vignette2{
	position:relative;
	width:174px;
	height:262px;
	border:1px solid #990000;
	
}

.description{
	position:relative;
	width:250px;
	height:117px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-left:15px;
	
}


.titre{
	width:240px;
	height:30px;
}


.prix{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#990000;
	text-align:left;
	font-weight:bold;
}
.white{
	width:200px;
	height:20px;
	position:relative;
	margin: 0px auto;
	
	border: 1px solid #990000;
}



hr{
	clear:both;
	visibility:hidden;
}



table{
	width: 100%;
}




.menus{
	position:relative;
	width:955px;
	height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:10px;
}



/*///////////////////////////////////FOOTER///////////////////////////*/
#footer{
	position:relative;
	width:955px;
	height:174px;
	background-image:url(../img/osier2_04.jpg);
	text-align:center;
	margin: 0px auto;
}



a:link, a:visited{
	text-decoration: none;
 	color:#000000;
}

a:hover{
	text-decoration: none; 
	color: #990000;
}
/*///////////////////////////////////////////////////////////////////////////*/
.form{
position:relative;
width:700px;
padding:20px px 0 20px 60px;
text-align:left;
margin:10px 0 0 10px;
z-index:1;
}
.anim{
width:174px;
height:117px;
margin: 0px 0px 0 0;
position:relative;
z-index:2;

.tbmain{ 
 /* Changes on the form */
 background: white ; 
}
.left{
  /* Changes on the form */
  color: black ; 
  font-family: Verdana ;
  font-size: 12px ;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px ;
  color: red ;
}
 
div.backButton{
	background: transparent url("http://french.jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
	height:16px;
	width:53px;
	float:left;
	margin-bottom:15px;
	padding-right:5px;
}


.pageinfo{
	padding-right:5px;
	margin-bottom:15px;
	float:left;
}
.next{
	width:955px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	font-weight:bold;
	padding:20px 0 20px 0;
}
.next a{font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; font-size:16px}
.next:hover a{font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; font-size:16px}
.next:visited a{font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; font-size:16px}
.next:hover a{font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#000; font-size:16px}

