body {
  background: #FFF;
  font-size: 80% ;
  font-family: Arial, Helvetica, sans-serif;  
  }	
* {
  margin: 0 ; 
  padding: 0 ;
  }  
img {border: 0}


/*structure de la mise en page*/
div#header {
  padding: 3px 5px;
  }
div#container	{
  margin: 0 auto;
  width: 770px;
  }
div#content {  
  border-left: 25px solid #874068;
  border-right: 25px solid #874068;  
  }
div#navpages {
  background-color: #600137;
  width: 718px;  
  height: 23px;
  padding: 2px 0;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  }
div#navpages div#interieur {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  width: 718px;  
  height: 21px;
  }
div#navpages ul {
  list-style-type: none;    
  }
div#navpages li {
  float: left;
  margin: 1px 0;
  padding: 1px 13px; /*si besoin de rajouter d'autres onglets, on peut diminuer la taille du padding*/
  border-right: 1px solid #FFF;
  }
div#navpages li.last {
  border-right: none;
  }
div#navpages a{
  color: #DFCCD7;
  font-weight: bold;
  font-size: 11px;
  display: block;
  text-decoration: none;
  line-height: 16px;
  }
div#navpages a:hover{
  color: #FFF;
  }
div#navpages a.selected {
 color: #FFF;
}
#intro {
  clear: both;
  }
 
#pageinfos div#intro,
#pagecatalog div#intro,
#pagecommentaire div#intro,
#pagevideo div#intro{
  background:transparent url(img/back-partner.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}

#page div#intro {
  background:transparent url(img/back-partner.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}

#pageoffre div#intro {
  background:transparent url(img/back-page1.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}

#pagecommande div#intro {
  background:transparent url(img/back-page2.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}

#index_admin_partner div#intro {
  background:transparent url(img/back-page2.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}

#pagemode div#intro {
  background:transparent url(img/back-page3.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}
#pagefaq div#intro {
  background:transparent url(img/back-page4.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}
#pagepartenaires div#intro {
  background:transparent url(img/back-page5.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}


div#intro {
  background:transparent url(img/back-page5.jpg) no-repeat;
  height: 220px;
  padding-left: 220px;
  border-left: 1px solid #FFF;
  border-bottom: 3px double #600137;
}
div#intro div {
  background:transparent url(img/back-intro.gif) repeat-y;
  height: 220px;
  padding-left: 10px;
  border-left: 1px solid #FFF;
}

#page div#intro div,
#pageinfos div#intro div,
#pagecatalog div#intro div,
#pagecommentaire div#intro div,
#pagevideo div#intro div{
  background:transparent url(img/back-nav-left.gif) repeat-y;
  height: 220px;
  padding-left: 10px;
  border-left: 1px solid #FFF;
}

div#intro img{
 	float: right;
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 135px;
}

div#intro hr{
 	clear: both;
}


#retouradmin {
 display: block;
 text-align: right;
 float: right;
 margin-top: 35px;
}
#retouradmin a {
 display: block;
 background-color: #DFCCD7; 
 padding: 3px 5px;
 color : #000;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #333;
}

#retouradmin a:hover {
 color : #FFF;
}

h1 {
  margin-right: 10px; 
  font: bold italic 24px 'Times New Roman'; 
  padding: 20px 0 0 10px;
}
div#intro p {
  background:transparent url(img/intro-illustr.jpg) no-repeat right;
  margin-right: 10px;  
  height: 125px; /*la hauteur de l'image du fond*/
}
div#intro p span {
  width: 200px;
  display: block; 
  margin: 10px 0 10px 0;
  padding: 5px 0 0 50px;
  font: bold 14px 'Times New Roman';
  color: #666;
}

div#texte{
 margin-left: 280px;
 width: 400px;
 padding-bottom : 30px;
}

div#texte_partenaires{

 margin-left: 115px;
 width: 500px;
 padding-bottom : 30px;
 padding-top : 30px;

}

h2 {
 font: bold 12px Arial;
 color: #333;
 margin: 30px 0 5px 0;
}
div#texte p {
}
div#texte p.left {
 padding-left: 75px;
}
div#texte p.right {
 padding-right: 75px;
}
div#texte p#leftimg1 {
 background:transparent url(img/leftimg1.jpg) no-repeat;
}
div#texte p#leftimg2 {
 background:transparent url(img/leftimg2.jpg) no-repeat;
}
div#texte p#leftimg3 {
 background:transparent url(img/leftimg3.jpg) no-repeat;
}
div#texte p#leftimg4 {
 background:transparent url(img/leftimg4.jpg) no-repeat;
}
div#texte p#rightimg1 {
 background:transparent url(img/rightimg1.jpg) no-repeat top right;
}

a.linktexte {
 font-weight: bold;
 color: #874068;
 text-decoration: underline;
}
a.linktexte:hover {
 text-decoration: none;
}
table#offre {
 margin-top: 20px;
}
table#offre td {
 border: 1px solid #CCC;
 padding: 3px;
 font-size: 11px;
 padding-left: 15px;
}
table#offre td.pack, table#offre td.prix {
 font-weight: bold;
 font-size: 12px;
 padding-left: 3px;
}
table#offre td.prix {
 text-align: center;
}
table#payement {
 margin-top: 5px;
 width: 100%;
 border: 1px solid #CCC;
}
table#payement td {
 font-weight: bold;
 padding: 5px;
 width: 50%;
}
table#payement td span {
 display: block;
 font-weight: lighter;
 font-size: 11px;
}
a.bouton {  
 display: block;
 width : 138px;
 height: 30px;
 color: #FFF;
 text-decoration: none;
 text-align: center;  
 background: url(img/bouton.gif) no-repeat; 
 font: bold 12px Arial;
 line-height: 25px;
 }
.erreur {
 color: #CC0000;
 font-weight: bold;
 font-size: 11px; 
}
table#partenaires td {
 padding: 5px;
 font-size: 11px;
 border-bottom: 1px solid #CCC;
}
table#partenaires td.bordure {
 border-right: 1px solid #CCC;
}
table#partenaires  {
 border: 1px solid #999;
 margin-top: 20px;
}

#chemin {
 text-align: left;
 margin: 20px 0 0 45px;
}
/* page simples à partir des liens de bas de page*/
#pagesimple {
 margin: 0 50px;
 padding-bottom: 30px;
}

#pagesimple hr 
{
	clear: both;
}

div#pagesimple div#acces 
{
	float: right;
	background: #FFFFFF;
}

div#pagesimple div#acces table
{
	background: #e2d5e0;
	width: 100%;
}

#pagesimple h1{
  padding: 20px 0 0 0;
}
#pagesimple p {
 margin: 20px 0 0 0;
}

#pagesimple p.barre {
 margin:0 0 0 0;
}

ol {
 margin: 10px 30px;
}
ol li {
 font-weight: bold;
 padding-top: 10px;
}
ol li span {
 font-weight: lighter;
}
h3 {
  font-size: 14px;
}
#pagesimple table {
 width: 80%;
 margin-top: 20px;
 border: 1px solid #999;
}
#pagesimple table td {
 padding: 5px;
 border-bottom: 1px solid #CCC;
 border-right: 1px solid #CCC;
}

#pagesimple div#erreur {
	width: 40%;
}
/*tableau resultat de recherche*/
#pagesearch table {
 margin: 5px 0 0 20px;
 width: 80%
}
#pagesearch table td {
 border: 1px solid #CCC;
 padding: 3px;
 font-size: 12px;
 padding-left: 15px;
}

/*colonne gauche*/
div#secondarycontent {
 position: absolute;
 top: 350px;
 }
 
#boitetop {
 /*mise en forme du bouton*/
 display: block;
 background:transparent url(img/boite-top.gif) no-repeat;
 height: 30px;
 margin-bottom: 5px;
 /*mise en forme du texte*/
 color: #FFF;
 font: bold 16px Arial;
 text-align: left; 
 padding-left: 10px; 
 line-height: 28px;
}
#boitebottom {
 display: block;
 background:transparent url(img/boite-bottom.gif) no-repeat;
 height: 21px;
 margin-top: 10px;
}
#promo p {
 text-align: left;
  padding-left: 10px;
  margin-top: 10px;
}
/*boite à gauche avec liens*/
div#promo {
 width: 210px;
 background-color: #B7CBCF;
 margin-left: 10px;
 text-align: center;
}
div#promo a#creer {
 /*mise en forme du bouton*/
 display: block;
 background:transparent url(img/cadre-top.gif) no-repeat;
 height: 30px;
 margin-bottom: 5px;
 /*mise en forme du texte*/
 color: #FFF;
 font: bold 16px Arial;
 text-align: left; 
 padding-left: 10px; 
 line-height: 28px;
 text-decoration: none;
}
div#promo a#voirdemo {
 /*mise en forme du bouton*/
 display: block;
 background:transparent url(img/cadre-bottom.gif) no-repeat;
 height: 21px;
 margin-top: 5px;
 /*mise en forme du texte*/  
 color: #DAE6E9;
 font: bold 11px Arial;
 text-align: right;
 padding-right: 22px; 
 line-height: 20px;
 text-decoration: none;
}

/*footer*/
div#footer {
  clear: both;
  background-color: #5D0032;
  height: 20px;
  text-align: center;
  }
div#footer li {
  list-style : none; 
  }
/*menu footer*/
div#footer li {
  display: inline;  
  text-align: center;
  }
div#footer li a:link, div#footer li a:visited  { 
 color: #E4D0DB;
 text-decoration: none;
 font: 10px Verdana ;
 padding: 0 10px;
 border-right: 1px solid #E4D0DB;
 }
div#footer li a:link.last, div#footer li a:visited.last{ 
 border-right: none;
 }
div#footer li a:hover { 
 text-decoration: underline;
 }
div#copyright {
 text-align: right;
 font-size: 11px;
 color: #999;
 padding: 5px;
}

div#acces, div#maries {
  float: left;
  width: 200px;
  }
div#acces {
  background:#e2d5e0 url(img/back-recherche.gif) no-repeat bottom right;
  height: 190px;
  }
  
  p.barre {
  height: 15px;
  background-color: #5D0032;
  border-right: 1px solid #FFF;   
  border-bottom: 1px solid #FFF;
  color: #FFF;
  font: bold 10px/1.5em Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 0 10px;  
  margin:0 0 0 0;
  }
div#acces p.barre, div#maries p.barre, div#menu_partner p.barre, div#titre_menu p.barre{
  border-right: none;   
  }
  
  div#acces table, div#maries table {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  border-left : 1px solid #B8AEB7;
}
div#acces table td, div#maries table td {
  padding: 0 0 0 5px;
}

div#menu_partner {
  float: left;
  background: url(img/back-nav-partner.gif) repeat-y;
  background-position:right;
  width: 220px; 
  height: 310px; /*il faut définir de la hauteur s'il n'y a pas assez d'elements de navigation pour éviter d'avoir du blanc en bas ; s'il y a plus de liens, il faut supprimer*/  
  }
div#menu_partner ul {
  list-style : none;
  padding-left: 30px;
  }

/* menu*/
div#menu_partner li {
  display: block;
  padding: 10px 0;
  }
div#menu_partner li a:link, div#menu_partner li a:visited  { 
 display: block;
 padding-left: 8px;
 background: url(img/fleche-off.gif) no-repeat 1px; 
 color: #656565;
 text-decoration: none;
 white-space: nowrap;
 }
div#menu_partner li a:hover {
 background: url(img/fleche-on.gif) no-repeat 1px; 
 color: #5D0032;
 text-decoration: underline;
 }
div#content_1 {
padding: 20px 20px 20px 20px;
height:900px;
width:460px;
  background-color:#F5F5F5;
  float:left;
}

#pageinfos div#main_content,
#pagecommentaire div#main_content,
#pagecatalog div#main_content,
#pagevideo div#main_content {
	margin: 20px 20px 0 20px;
	padding-bottom: 20px;
}

div#saisieComment {
	text-align: center;
}

.choix {
	text-align: center;
	vertical-align: middle;
}

.partnerTable {
	font: bold 14px 'Times New Roman';
	color: #3F3F3F;
	vertical-align: top;
 }

#pagecatalog .partnerTable td, #pagevideo .partnerTable td{
	border-bottom: 1px solid #E4D1E4;
 	border-right: 1px solid #E4D1E4;
 }

input.bouton 
{
  border: 2px outset #DAA3DE;
  font-weight: bold;
  cursor: pointer;
  width: 250px;
}

input.bouton_small 
{
  border: 2px outset #DAA3DE;
  font-weight: bold;
  cursor: pointer;
  width: 100px;
}

input.bouton:hover, input.bouton_small:hover
{
  border: 2px outset white;
  background-color: white;
  color: #863C81;
}

input.bouton:active, input.bouton_small:active
{
  border: 2px inset #863C81;
  background-color: #863C81;
  color: white;
}			

div#produit {
	width: 600px;
}

div#erreur {
	width: 90%;
	min-height: 25px;
	text-align: center;
	font: bolder;
	border: 1px solid #C40000;
	background-color: #FFB5B5;
}

div#erreur img{
	float:left;
}

div#ok {
	width: 90%;
	height: 30px;
	text-align: center;
	font: bolder;
	border: 1px solid #0000FF;
	background-color: #C2CCEB;
}

div#ok img{
	float:left;
}

div#tableLogo {
	width: 600px;
}

div#tableLogo img {
	max-height: 120px;
	max-width: 100px;
}

div#saisieComment {
	width: 600px;
}

div#bienvenue {
	background: url(img/back-nav-partner.gif) repeat-y;
	background-position:right;
	height: 310px;
}

div#bienvenue h1{
  text-align: center;
} 

div#bienvenue hr {
	/*display: none;*/
	clear: right;
	margin-left: 30px;
	margin-right: 50px;
}

p.barre {
  height: 15px;
  background-color: #5D0032;
  border-right: 1px solid #FFF;   
  border-bottom: 1px solid #FFF;
  color: #FFF;
  font: bold 10px/1.5em Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 0 10px;  
  }

div#logo_partner {
	float: right;
	width: 150px;
	height: 150px;
}

div#password {
	width: auto;
	height: auto;
}

.transferer2
{
	border: 1px solid #7E437D;
	background-color: #C27CB6;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}

div#tableLogo p {
	font: bold 1.3em/1.2em Arial, Helvetica, sans-serif; 
 	color: #663366;
}

div#visuLogo {
	padding-left: 50px;
	width: 100px;
}

div#visuLogo img{
	width: auto;
	max-width: 100px;
	height: auto;
	max-height: 150px;
}

div#visuPhoto {
	width: 230px;
}

div#visuPhoto img{
	width: auto;
	max-width: 230px;
	height: auto;
	max-height: 300px;
}


div#liste {
	width: 550px;
	height: 120px;
	padding-left: 30px;
}

/* -------------------------------------------------------------- */
/* 				CSS www.oswd.org (tableau type partenaires)		  */
/* -------------------------------------------------------------- */

table.linkcontainer {
	/*background-image:url(img/mariage-full.jpg);*/
	background-image:url(img/fond_menu4.jpg);
}

table.linkcontainer td{
	background-color: #F0F0F0;
	filter:alpha(opacity=70);
	opacity: .7;
	-moz-opacity: .7;
}


a.main_link:active,a.main_link:visited,a.main_link:link{
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	color: #2D002D;/*#3D2C3F;*/
	line-height: 60px;
}
a.main_link:hover{
	background-color: #FFFFFF; 
	color: #784E78;/*#362B37;*/
}

div.navigation {
	height: 60px;
	vertical-align: middle;
	text-align: center;
}

/* -------------------------------------------------------------- */
/* 					nos partenaires								  */
/* -------------------------------------------------------------- */

div#logo_partner  img
{
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 150px;
}

.element
{
	color: #352035;
	width: 200px;
	height: 200px;
	float: left;
	margin-bottom: 20px;
}

.element img
{
	width: auto;
	height: auto;
	max-width: 170px;
	max-height: 128px;
}

.element_video
{
	color: #352035;
	width: 200px;
	height: 200px;
	float: left;
	margin-bottom: 20px;
}

.element_video img
{
	width: 170px;
	height: 128px;
}

div#element_indiv
{
	color: #352035;
	min-width: 520px;
	padding: 10px 10px 10px 0;
	margin:5px 0;
	text-align:justify;
	float:left;
}

div#element_indiv p
{
	margin:0;
	text-align:justify;
}

div#element_indiv img
{
	width: auto;
	height: auto;
	max-width: 300px;
	max-height: 300px;
}

div#droite p
{
	text-align: right;
	margin-bottom: 10px;
}

div#element_indiv img, object, embed
{
	float:left;
	margin:0 10px 0 0;
}

div#element_bas
{
	color: #352035;
}


div#top_info h1
{
	margin-bottom: 25px;
	color: #5A4767;
}

div#top_info img
{
	margin-top: 10px;
	width: auto;
	max-width: 150px;
	height: auto;
	max-height: 200px;
	float: right;
}

.infos
{
	color: #352035;
}

.infos tr
{
	height: 30px;
}

div#links
{
	margin-top: 60px;
	color: #352035;
}

#pagepartenaires_details hr 
{
	clear: both;
}

table#partenaireDetail {
	border-spacing: 0px;
	margin-top: 5px;
	width: 489px;
}

table#partenaireDetail th {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #874068;
	height: 40px;
}

table#partenaireDetail tr {
	height: 40px;
}

table#partenaireDetail th a{
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
}

table#partenaireDetail th a:hover { 
 text-decoration: underline;
}
 
table#partenaireDetail td  {
 padding: 5px;
 font-size: 11px;
 text-align: center;
 border-top: 1px solid #874068;
}

table#partenaireDetail td a{
 color: #784771;
}

table#partenaireDetail td a:hover{
 color: #BA74B5;
}

tr#back_gris td {
	background-color: #EEEEEE;
	
}

div#region {
	padding-left: 50px;
	padding-top: 30px;
	margin-bottom: 25px;
}

div#linkPage {
	text-align: right;
	
}

div#linkPage {
	color: #666;
}
/* -------------------------------------------------------------- */
/* 								cadres							  */
/* -------------------------------------------------------------- */
#cadmintop, #cedittop
{
	width: 495px;
	padding-top: 20px;
}

#cadmintop-large, #cedittop-large
{
	width: 650px;
	padding-top: 25px;
}
/*cadre admin*/
#cadmintop
{
	background: url(./images/admin/cadre-top.png) no-repeat top left;
}
#cadminbottom
{
	padding: 0 20px 20px 20px;
	background: url(./images/admin/cadre-bottom.png) no-repeat bottom left;
}
/*cadre edit*/
#cedittop
{
	background: url(./images/admin/cadre-top-edit.png) no-repeat top left;
}
#ceditbottom
{
	padding: 0 20px 20px 20px;
	background: url(./images/admin/cadre-bottom-edit.png) no-repeat bottom left;
}

/*cadre admin-large*/
#cadmintop-large
{
	background: url(./images/admin/cadre-top-large.png) no-repeat top left;
}
#cadminbottom-large
{
	padding: 0 20px 20px 20px;
	background: url(./images/admin/cadre-bottom-large.png) no-repeat bottom left;
}
/*cadre edit-large*/
#cedittop-large
{
	background: url(./images/admin/cadre-top-edit-large.png) no-repeat top left;
}
#ceditbottom-large
{
	padding: 0 20px 20px 25px;
	background: url(./images/admin/cadre-bottom-edit-large.png) no-repeat bottom left;
}

div#cadre_partner_top1 {
	text-align: center;
	margin-left: 115px;
 	width: 500px;
	margin-top: 30px;
 	padding-top : 15px;
	background: url(./images/cadre_top_fin1.png) no-repeat top left;
}

div#cadre_partner_bottom1 {
	padding: 0 20px 10px 2px;
	background: url(./images/cadre_bottom_fin1.png) no-repeat bottom left;
}

div#cadre_partner_bottom1 a{
	font: bold 14px 'Times New Roman';
  	color: #666;
	display: block ;
	line-height: 25px;
	margin-bottom: 5px;
	text-decoration: none;
}

div#cadre_partner_bottom1 a:hover{
	text-decoration: underline;
}


div#cadre_partner_top2 {

	margin-left: 115px;
 	width: 500px;
 	padding-bottom : 30px;
 	padding-top : 15px;
	background: url(./images/cadre_top_fin2.png) no-repeat top left;
}

div#cadre_partner_bottom2 {
	padding: 0 20px 10px 2px;
	background: url(./images/cadre_bottom_fin2.png) no-repeat bottom left;
}