* {/*reset d'un certain nombre de styles css par defaut*/
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

body{
	width: 99%;
	font-size: 65%;
	background: #fff;
	text-align:center;
z-index: -1;
font-family: Verdana;
}

#page {
	width:770px;
	text-align:center;
	margin:0 auto;
	background: #93B8DE;
}

#accessibility{visibility: hidden; display: none;}
#banner{ position: relative; height: 100px; z-index: 0;
	background: #fff url('../img/marianne2.jpg') top left no-repeat;
}
#banner h1{ 
	font-size: 4.7em;color: #000;padding-top: 20px;font-family: Georgia;font-weight: bold;
}
#conteneur{background: #93B8DE;text-align: left;}
#entete{background: #3a76b4 url('../img/fond_barre.jpg') bottom left repeat-x;width:530px;text-align: center;padding: 5px 0 5px 240px;}
#entete a{color: #fff;font-size: 1.9em;font-family: Georgia;}
#colonne{position: relative;margin-top: -115px; margin-left: 12px;z-index: 3;text-align: center; width: 225px;}
#contents{ background: #93B8DE;}
#main{  padding-top:1px;}
#article{ position: relative;width: 510px;float: right;}

div.vignette{ float: left; height: 150px; width: 230px;font-family: Verdana;line-height: 10px;margin-left:12px;}
#tampons{
width: 228px;
height: 130px;margin-left:17px;
}
#cartes{
width: 224px;
height: 130px;margin-left:20px;
}
#adhesif{
width: 230px;
height: 115px;
}
#gravure{
width: 200px;
height: 118px;margin-left:20px;
}
#signaletique{
width: 197px;
height: 130px;margin-left:20px;
}
#pub{
width: 240px;
height: 120px;
}

.haut3{
height: 90px;
color: white;
font-size: 10px;
text-align: center;
}

strong, b{ font-weight: bold;}
.ex
{
width: 100%;
height: 100%;
background-color: #acd1f7;
text-align: center;
font-family: Verdana;
font-size: 10px;
}

/*div{position: absolute;}*/

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

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

a img
{
border-style: none;
}

table
{
border-collapse: collapse;
}

td
{
border: 1px solid #afd0f3;
text-align: center;
padding: 5px;
}

.formulaire
{
border: 1px solid #afd0f3;
text-align: right;
padding: 5px;
}

th
{
border: 1px solid #afd0f3;
text-align: center;
background-color: #3a74b4;
color: white;
padding: 5px;font-weight: bold;
}

.index
{
border: none;
}

.tbgauche
{
text-align: left;
}


/*.titre
{
z-index: 0;
width: 75%;
height: 100px;
background-image: url("../img/marianne2.jpg");
background-repeat: no-repeat;
top: 0;
left: 12.5%;
color: black;
font-family: Georgia;
text-align: center;
}*/

.haut
{
padding-top: 10px;
color: white;
z-index: 2;
width: 75%;
background-image: url("../img/fond_barre.jpg");
background-repeat: repeat-x;
height: 60px;
top: 100px;
left: 12.5%;
font-family: Verdana;
font-size: 80%;
text-align: center;
}

.bas{
padding-top: 0px;
color: white;
z-index: 2;
width: 100%;
background: url("../img/fond_barre2.jpg") bottom left repeat-x;
height: 50px;
font-family: Verdana;
font-size: 1em%;
}
#bas{ text-align: center;background: #93B8DE;clear: both;}

.id{
	text-align: center;margin: 0 auto;width: 220px;
}

.id table{width: 100%;}
.ident{
font-size: 12px;
line-height: 10px;
text-align: right;
}

.txtcartes
{
width: 224px;
text-align: center;
top: 5px;
left: -37px;
}

.objets
{
left: 35px;
top: 5px;
line-height: 20px;
text-align: center;
}

.spe
{
left: -70px;
width: 100%;
font-size: 12px;
top: 290px;
line-height: 10px;
text-align: center;
}

.auto
{
top: 290px;
left: 200px;
width: 20%;
height: 138px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.classique
{
top: 200px;
left: 200px;
width: 20%;
height: 78px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.encre
{
top: 440px;
left: 200px;
width: 20%;
height: 85px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.droite
{
top: 200px;
left: 417px;
width: 400px;
height: 325px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
overflow: auto;
}

.big
{
top: 200px;
left: 235px;
width: 550px;
height: 325px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.big2
{position: relative;z-index: 3;
width: 220px;
height: 330px;
border: solid 1px #c5e2ff;
background-color: #acd1f7;
text-align: center;
line-height: 10px;
}


.bigadh
{
width: 220px;
height: 320px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.big3
{position: relative;
z-index: 1;
margin-top: -325px;
margin-left: 7px;
width: 220px;
height: 340px;
background-color: #8ca4bb;
font-family: Verdana;
text-align: center;
line-height: 10px;
}

.totems
{
top: 315px;
left: 640px;
}

.badges
{
top: 220px;
left: 650px;
}

.chevalets
{
top: 410px;
left: 410px;
}

.sigles
{
top: 312px;
left: 435px;
}

.plans
{
top: 330px;
left: 250px;
}

.sign
{
top: 200px;
left: 285px;
font-family: Verdana;
text-align: center;
font-size: 12px;
}

.left{ float: left;margin-left: 75px;
width: 175px;
height: 325px;
border: solid 1px #c5e2ff;
background-color: #acd1f7;
text-align: center;
line-height: 10px;
font-size: 10px;
}

.right{float:left;
width: 425px;
border: solid 1px #c5e2ff;
background-color: #acd1f7;
text-align: center;
line-height: 10px;
font-size: 10px;
}

.login
{
top: 200px;
left: 435px;
width: 350px;
height: 125px;
font-family: Verdana;
text-align: right;
line-height: 10px;
font-size: 11px;
}

.login2
{
top: 200px;
left: 355px;
width: 350px;
height: 125px;
font-family: Verdana;
text-align: right;
line-height: 10px;
font-size: 11px;
}

.histo{ margin: auto;
width: 550px;
height: 325px;
border: 1px solid #c5e2ff;
background-color: #acd1f7;
text-align: center;
line-height: 10px;
font-size: 10px;
overflow: auto;
}

.mail
{
top: 175px;
left: 185px;
width: 650px;
height: 325px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #acd1f7;
font-family: Verdana;
text-align: center;
line-height: 10px;
font-size: 10px;
}

.merci
{
top: 200px;
left: 375px;
font-size: 10px;
}

.form
{
top: 180px;
left: 145px;
width: 750px;
height: 275px;
text-align: center;
line-height: 10px;
font-size: 9px;
overflow: auto;
}

.formgrav
{
top: 180px;
left: 205px;
width: 750px;
height: 390px;
font-family: Verdana;
text-align: center;
line-height: 10px;
font-size: 9px;
overflow: auto;
}

.form2
{
top: 390px;
left: 695px;
width: 182px;
height: 205px;
border-style: solid;
border-width: 1px;
border-color: #c5e2ff;
background-color: #3a74b4;
font-family: Verdana;
text-align: justify;
line-height: 11px;
font-size: 10px;
}

.float
{
float: left;
}

.dessous
{
   clear: both;
}
/*
.ex_cartes
{
z-index: 10;
top: 455px;
left: 250px;
}

.ex_com
{
z-index: 10;
top: 455px;
left: 160px;
}

.ex_picto
{
z-index: 10;
top: 445px;
left: 230px;
}

.ex_plans
{
z-index: 10;
top: 416px;
left: 430px;
}

.ex_plaques
{
z-index: 10;
top: 416px;
left: 500px;
}

.ex_plaques_bal
{
z-index: 10;
top: 440px;
left: 420px;
}

.ex_portenom
{
z-index: 10;
top: 416px;
left: 390px;
}

.ex_pc
{
z-index: 10;
top: 451px;
left: 350px;
}

.ex_gravure
{
z-index: 10;
top: 460px;
left: 230px;
}

.ex_adhesif
{
z-index: 10;
top: 415px;
left: 200px;
}

.ex_totems
{
z-index: 10;
top: 415px;
left: 490px;
}

.ex_trophees
{
z-index: 10;
top: 420px;
left: 460px;
}

.ex_auto
{
z-index: 10;
top: 450px;
left: 370px;
}

.ex_ok
{
z-index: 10;
top: 450px;
left: 200px;
}*/

.catalogues
{
z-index: 50;
top: 310px;
left: 147px;
}