/**
/* CSS par Marius Mezerette
/* Pour le site http://www.mezphotos.fr
/**/

/*Design general*/
html {
	background-image: url("images/bg.gif");
	background-repeat: repeat;
}

body {
   	margin-top: 10px;
   	margin-bottom: 50px;    
   	background-image: url("images/fond.gif") !important;
   	background-image: url("images/bg.gif");
   	background-repeat: repeat-x;
   	background-attachment: scroll;
   	font: 0.75em 'Lucida Grande', LucidaGrande, verdana, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
td {
	text-align:center;
	font-size:1.2em;
}

td.list {
	text-align:center;
	font-size:1.1em;
	color: #404040;
}

td.off {
	text-align:left;
	font-size:1.1em;
}
input {
	border:1px solid black;
	background-color:white;
	color:black;
}
input.bouton {
	border:2px outset #3d59AB;
	font-weight:bold;
	color:white;
	background-color:#2277cc;
	cursor:pointer;
}
input.bouton:hover {
	background-color:white;
	color:#2277cc
}
input.bouton:active {
	border:2px inset #3d59AB;
	color:#3d59AB;
} 
table.livredor {
	font-size: 0.9em;
	background-color:#FFFFCC;
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	width:75%;
}
table.profil {
	font-size: 1em;
	background-color:#FFFFCC;
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	width:80%;
}
table.formulaire {
	background-color:#F0F0F0;
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	width:auto;
}
table.liste {
	font-size: 0.7em;
	background-color:#F0F0F0;
	border-style:solid;
	border-width:1px; 
	border-color:black;
	width:100%;
}
table.formulaire td {
	text-align: left;
}
form.formulaire {
	background-color:#F0F0F0;
	border-style:solid; 
	border-width:1px; 
	border-color:black;
	width:auto;
}
img {
	border:0px;
}
hr {
	color: #F0F0F0;
	background-color: #F0F0F0;
	height: 1px;
	border: 0;
	width: 540px;
	margin-left: 9px;
}
p.error {
	text-align:center;
	font-size: 1.2em;
	color:red;
}

p.title {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	color: #0961c5;
}

p.title a {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	color: #0961c5;
}

p.article {
	text-indent: 40px;
}

p.ajout {
	color: navy;
	font-size: 0.9em;
	text-align: center;
}

p.ajout a {
	color: navy;
}

/* Div global */
#conteneur {
	/*Taille*/
	width: 860px;
	/*Positionnement*/
	position: relative;
	left: 50%;
	margin-left: -430px;
	/*BackGround*/
	background-image: url("images/colonne.png") !important;
	background-image: url("images/colonneie.png");
	background-repeat: repeat-y;
	/*Contenu*/
	padding-left: 0px;
	padding-right: 0px;
}

/* En-t腎e */
#header {
   	width: 860px;
   	height: 139px;
   	background-image: url("images/banniere.jpg");
   	background-repeat: no-repeat;
   	margin-bottom: 1px;
   	margin-left: 50px;
}
#header h1 {
    color: #FFF;
	margin: 0px;
	font-weight: normal;
	padding: 10px 20px 0px 40px;
	letter-spacing: 6px;
	font-size: 2.4em;
}
#header h2 {
 	color: #FFF;
	margin: 0px;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 10px;
	letter-spacing: 4px;
	font-size: 1.4em; 
}

/* Menu d'Admin */
#admin {
/*Taille*/
	width: 80px;
	height: 10px;
/*Positonnement*/
	position: absolute;
	top: 12px;
	left: 730px;
	margin: 0;
/*Contenu*/
	text-align: center;
	font-size: 0.9em;
	color: white;
}
#admin strong {
	font-size: 1.2em;
}

/* Menu */
#menu {
/*Taille*/
	width: 527px;
	height: 22px;
/*Positonnement*/
	position: absolute;
	top: 107px;
	left: 73px;
	margin: 0;
/*Contenu*/
	padding-top: 3px;
	text-align: left;
	font-size: 1.3em;
	color: white;
}

/* Corps */
#corps {
	margin: 0px 70px 0px 70px;
}
#corps h1 {
   text-align: justify;
}
#corps h2 {
   height: 30px;
   background-repeat: no-repeat;   
   padding-left: 30px;
   text-align: left;
   font-size: 1.2em;
}
#corps h3 {
   padding-left: 30px;
   text-align: left;
   font-size: 1.1em;
}
#corps ul {
	margin-left: 40px;
}
#corps a:link {
	text-decoration: none;
	color: #000;
}
#corps a:visited {
	text-decoration: none;
	color: #000;
}
#corps a:hover {
	text-decoration:underline;
}
#corps a:active {
	text-decoration: none;
	color: #666;
}
#links, #links li, #links ul {
		margin:0; /* reinitialise les valeurs */
		padding:0; /* reinitialise les valeurs */
}
#links {
	text-align:left; /* centre les li dans ul */
}
#links li {
	display:inline; /* fait en sorte que les li soit sur une seule ligne, comme avec un float */
	margin:0px 8px; /* margin left et right des éléments du menu */
}
	
/* Couleur des liens */
a:link {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration: none;
	color: #F60;
}

/* Le pied de page */
#footer {
	text-align: center;
	color: white;
    font-size: 0.8em;
	background-image: url("images/fondfooter.png");
	background-repeat: no-repeat;
	margin-left: 52px;
	margin-right: 50px;
	background-position: bottom center;
	margin-bottom: 0px;
}
#footer .valid {
	padding-left: 20px;
	background: url(/images/ok.png) no-repeat 0 50%;
}

/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox {
	width: 50%; 
	position:absolute;
  	top: 14em;
  	left: auto;
  	width: 11em;
  	right: 6em;
}

#breadcrumbs { 
    font:11px Arial, sans-serif; 
    color:#111; 
    list-style:none; 
    padding:0; margin:0; 
    background:url(images/breadcrumb-bg.png) repeat-x center; 
    border:1px solid #CCC; 
    border-radius:0.4em; 
    -moz-border-radius:0.4em; 
    -webkit-border-radius:0.4em; 
    overflow:hidden; 
    margin-left: 70px;
    margin-right: 70px;
    margin-top: 5px;
    margin-bottom: 5px;
} 
#breadcrumbs li { 
    float:left; 
    background:url(images/breadcrumb-right.png) no-repeat right center; 
    padding:0 20px 0 10px; 
    height:28px; line-height:28px; 
}    
#breadcrumbs li:first-child a { 
    display:block; 
    width:30px; 
    text-indent:-9999px; 
    background:url(images/home.png) no-repeat center center; 
} 
#breadcrumbs a { 
    text-decoration:none; 
    color:#999; 
} 
#breadcrumbs a:hover { 
    color:#CC6600; 
} 

.share {
margin-left: 10px;
margin-top: 20px;
margin-bottom: 20px;

}

.footer_index {
	position: relative;
    bottom: 2px;
    width: 860px;
    left: 50%;
	margin-left: -430px;
}