@charset "UTF-8";
/* CSS Document */
body {
background-color:#000;	
text-align:center;
margin:0px;

	  min-height:800px;
}

img {
border:none;
}

/*---------- DIV principales ------------*/

#contour {
margin:auto;
width:950px;
}

#bandeau {
width:950px;
height:132px;
display:inline;
}

#main {
display:inline;
width:950px;
height:487px;
}

#menu {
width:950px;
display:inline;
height:31px;
margin-top:0px;
}

/*----------------- DIV contenu et spécification par pages -------------------*/
#contenu {
float:left;
Width:950px;
height:487px;
}

#table_contenu {
height:487px;
width:950px;
border:none;
margin:0px;
}

.contenu_droit {
width:44px;
height:487px;
background-image:url(images/fond_14.jpg) no-repeat;
}

.contenu_images_index {
width:88px;
height:487px;
background-image:url(images/fond_15.jpg);
background-repeat:no-repeat;
}

.contenu_images_web {
width:88px;
height:487px;
background-image:url(images/web_15.jpg);
background-repeat:no-repeat;
}

.contenu_images_photo {
width:88px;
height:487px;
background-image:url(images/photo_15.jpg);
background-repeat:no-repeat;
}

.contenu_images_graphisme {
width:88px;
height:487px;
background-image:url(images/graphisme_15.jpg);
background-repeat:no-repeat;
}

.contenu_images_logiciels {
width:88px;
height:487px;
background-image:url(images/logiciels_15.jpg);
background-repeat:no-repeat;
}
.contenu_images_tarifs {
width:88px;
height:487px;
background-image:url(images/tarifs_15.jpg);
background-repeat:no-repeat;
}

.contenu_images_contact {
width:88px;
height:487px;
background-image:url(images/contact_15.jpg);
background-repeat:no-repeat;
}

.contenu_images_video {
width:88px;
height:487px;
background-image:url(images/video_15.jpg);
background-repeat:no-repeat;
}

.contenu_index {
width:818px;
height:487px;
background-image:url(images/fond_16.jpg);
background-repeat:none;
}

.contenu_index_transp {
width:818px;
height:487px;
}

.contenu_vide {
width:818px;
height:487px;
background-image:url(images/vide_16.jpg);
background-repeat:no-repeat;
vertical-align:top;
}

.contenu_contact {
Width:818px;
height:487px;
background-image:url(images/contact_16.jpg);
background-repeat:none;
vertical-align:top;
}

/*------------------------------ MISE EN FORME DU TEXTE COURANT ----------------*/
.texte {
color:#C2A285;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
padding-left:10px;
padding-right:10px;
}

.texte p {padding-right:20px;
padding-left:20px}

.texte b {
color:#ff8400;;
}

.blanc {
	color:#FC9;
}

.liste_texte {
list-style-type:disc;
display:marker;
color:#C2A285;
list-style-position:inside;
padding-left:20px;
line-height:1.6em;
}
.liste_texte_mariage {
list-style-type:disc;
display:marker;
color:#C2A285;
list-style-position:inside;
padding-left:20px;
line-height:1.6em;
}

.liste_texte_mariage b {
	color:#FC0;
}

.texte_pour_liste {
color:#C2A285;
}

.texte a {
text-decoration:underline;
color:#ff8400;
}

.texte a:hover {
text-decoration:underline;
color:#FFFF00;
}

/*--------------- Bandeau ------------*/

#bandeau ul { margin:0px; padding:0px; border: none; list-style-type:none; }
#bandeau li { float:left; height:132px; }
#bandeau a { border:none; float:left; }

.bandeau_gauche {
width:132px;
background-image:url(images/fond_01.jpg);
float:left;
height:132px;
}

.bandeau_droit {
width:818px;
background-image:url(images/fond_02.jpg);
float:left;
height:132px;
}

.bandeau_gauche_transp {
width:132px;
height:132px;
}
.bandeau_droit_transp {
width:818px;
height:132px;
}

.bandeau_gauche_web {
width:132px;
background-image:url(images/web_01.jpg);
background-repeat:no-repeat;
float:left;
}

.bandeau_gauche_photo {
width:132px;
background-image:url(images/photo_01.jpg);
background-repeat:no-repeat;
float:left;
}

.bandeau_gauche_graphisme {
width:132px;
background-image:url(images/graphisme_01.jpg);
background-repeat:no-repeat;
float:left;
}

.bandeau_gauche_logiciels {
width:132px;
background-image:url(images/logiciels_01.jpg);
background-repeat:no-repeat;
float:left;
}
.bandeau_gauche_tarifs {
width:132px;
background-image:url(images/tarifs_01.jpg);
background-repeat:no-repeat;
float:left;
}

.bandeau_gauche_contact {
width:132px;
background-image:url(images/contact_01.jpg);
background-repeat:no-repeat;
float:left;
}

.bandeau_gauche_video {
width:132px;
background-image:url(images/video_01.jpg);
background-repeat:no-repeat;
float:left;
}

/* ------------- MENU ---------------*/
#menu ul { margin:0px; padding:0px; border: none; list-style-type:none; }
#menu li { float:left; height:31px; border:none; }
#menu a {float:left; height:31px; border: none; }
#menu img { height:31px; }
.bord_gauche_menu {
width:132px;
float:left;
background-image:url(images/fond_03.jpg);
}

.bord_gauche_menu_web {
width:132px;
float:left;
background-image:url(images/web_03.jpg);
}

.bord_gauche_menu_photo {
width:132px;
float:left;
background-image:url(images/photo_03.jpg);
}

.bord_gauche_menu_graphisme {
width:132px;
float:left;
background-image:url(images/graphisme_03.jpg);
}

.bord_gauche_menu_logiciels {
width:132px;
float:left;
background-image:url(images/logiciels_03.jpg);
}

.bord_gauche_menu_tarifs {
width:132px;
float:left;
background-image:url(images/tarifs_03.jpg);
}

.bord_gauche_menu_contact {
width:132px;
float:left;
background-image:url(images/contact_03.jpg);
}

.bord_gauche_menu_video {
width:132px;
float:left;
background-image:url(images/video_03.jpg);
}

.tampon {
width:58px;
float:left;
background-image:url(images/fond_04.jpg);
background-repeat:no-repeat;
}

.accueil {
width:79px;
float:left;
background-image:url(images/fond_05.jpg);
height:31px;
}

.sites {
width:153px;
float:left;
background-image:url(images/fond_06.jpg);
}



.photo {
width:182px;
float:left;
background-image:url(images/fond_07.jpg);
}

.video {
width:150px;
float:left;
background-image:url(images/fond_08.jpg);
}

.tarifs {
width:76px;
float:left;
background-image:url(images/fond_09.jpg);
}

.contact {
width:86px;
float:left;
background-image:url(images/fond_10.jpg);
}

.bord_droit_menu {
width:34px;
float:left;
background-image:url(images/fond_13.jpg);
}



/*--------- transparents menu --------------*/

.bord_gauche_menu_transp {
width:132px;
height:31px;
}

.tampon_transp {
width:58px;
height:31px;
}

.accueil_transp {
width:79px;
height:31px;
}

.sites_transp {
width:153px;
height:31px;
}


.photo_transp {
width:182px;
height:31px;
}

.video_transp {
width:150px;
height:31px;
}

.tarifs_transp {
width:76px;
height:31px;
}

.contact_transp {
width:86px;
height:31px;
}

.bord_droit_menu_transp {
width:34px;
height:31px;
}


/*------------ ROLL menu -------------*/

.accueil a:hover{
width:79px;
float:left;
background-image:url(images/fond_hover_05.jpg);
height:31px;
}

.sites a:hover{
width:153px;
float:left;
background-image:url(images/fond_hover_06.jpg);
}



.photo a:hover{
width:182px;
float:left;
background-image:url(images/fond_hover_07.jpg);
}

.video a:hover{
width:150px;
float:left;
background-image:url(images/fond_hover_08.jpg);
}

.tarifs a:hover{
width:76px;
float:left;
background-image:url(images/fond_hover_09.jpg);
}

.contact a:hover{
width:86px;
float:left;
background-image:url(images/fond_hover_10.jpg);
}

/*---------------- Classes de textes ---------------*/

.titre_orange {
font-family:Arial, Helvetica, sans-serif;
color:#ff8400;
font-size:16px;
}


/*---------------  titres de pages -----------------*/

#titre_page {
width:773px;;
height:40px;
padding-top:10px;
text-align:right;
background:bottom right no-repeat;
}

/*----------------------- TARIFS ----------------------*/

#tarifs {
width:750px;
border:0px;
font-size:11px;
}

#tarifs th {
color:#ff8400;
font-weight:bold;
font-style:italic;
text-align:center;
border-right: solid thin #ff8400;
height:30px;
font-size:14px;
line-height:1.5em;
}

.liste_tarifs {
text-align:left;
border-right:0px;
vertical-align:top;
line-height:1.5em;
padding-left:20px;
}

.prix_tarifs {
text-align:right;
border-right: solid thin #ff8400;
padding-right:10px;
vertical-align:top;
line-height:1.5em;
}

/*---------------------- Formulaire Contact ---------------------*/

#form {
border:none;
}
#form td {
vertical-align:top;
border:none;
}

input {
background-color:#372000;
color:#ff8400;
}

textarea {
background-color:#372000;
color:#ff8400;
}

.envoi {
background-color:none;
}

/*-------------------- VIGNETTES WEB (VOIR CSS DEDIEE POUR AUTRES PAGES -------------*/
.vignettes_web {
width:750px;
border:0px;
display:inline;
float:right;
margin-top:-10px;
}
.vignettes_web2 {
width:750px;
border:0px;
display:inline;
float:right;
margin-top:-10px;
}

.vignettes_web li {
width:80px;
padding-left:10px;
padding-right:10px;
vertical-align:bottom;
list-style-type:none;
text-align:center;
float:left;
}
.vignettes_web2 li {
width:80px;
padding-left:02px;
padding-right:02px;
vertical-align:bottom;
list-style-type:none;
text-align:center;
float:left;
}

.texte_vignette {
text-decoration:none;
color:#bbbbbb;
font-size:10px;
float:left;
background-image:none;
}

.texte_vignette a:hover {
text-decoration:none;
color:#ff8400;
float:left;
background-image:none;
}

.vignettes_web img {
border:solid 1px #ff8400;
height:61px;
width:81px;
}

.vignettes_web a {
text-decoration:none;
color:#bbbbbb;
font-size:10px;
height:61px;
width:81px;
float:left;
}

.vignettes_web2 img {
border:solid 1px #ff8400;
height:61px;
width:81px;
}

.vignettes_web2 a {
text-decoration:none;
color:#bbbbbb;
font-size:10px;
height:61px;
width:81px;
float:left;
}

vignette_transp {
height:61px;
width:81px;
}

.vignettes_web a:hover {
text-decoration:none;
color:#ff8400;
height:61px;
width:81px;
float:left;
}
.vignettes_web2 a:hover {
text-decoration:none;
color:#ff8400;
height:61px;
width:81px;
float:left;
}

.travodiam a, travodiam a:visited {
background-image:url(images/travodiam_noir.jpg);
background-repeat:no-repeat;
width:81px;
height:61px;
float:left;
}
.travodiam a:hover {
background-image:url(images/travodiam.jpg);
background-repeat:no-repeat;
float:left;
width:81px;
height:61px;
}

.univers a, univers a:visited {
background-image:url(images/univers_noir.jpg);
background-repeat:no-repeat;
width:81px;
height:61px;
float:left;
}
.univers a:hover {
background-image:url(images/univers.jpg);
background-repeat:no-repeat;
float:left;
width:81px;
height:61px;
}

.jcr a, jcr a:visited {
background-image:url(images/jcr_noir.jpg);
background-repeat:no-repeat;
width:81px;
height:61px;
float:left;
}
.jcr a:hover {
background-image:url(images/jcr.jpg);
background-repeat:no-repeat;
float:left;
width:81px;
height:61px;
}

.azur a, azur a:visited {
background-image:url(images/azur_noir.jpg);
background-repeat:no-repeat;
width:81px;
height:61px;
float:left;
}
.azur a:hover {
background-image:url(images/azur.jpg);
background-repeat:no-repeat;
float:left;
width:81px;
height:61px;
}


.motorcycles a, motorcycles a:visited {
background-image:url(images/motorcycles_noir.jpg);
background-repeat:no-repeat;
width:81px;
height:61px;
float:left;
}
.motorcycles a:hover {
background-image:url(images/motorcycles.jpg);
background-repeat:no-repeat;
float:left;
width:81px;
height:61px;
}

.style_and_show a, style_and_show a:visited {
background-image:url(images/style_and_show_noir.jpg);
background-repeat:no-repeat;
width:81px;
height:61px;
float:left;
}
.style_and_show a:hover {
background-image:url(images/style_and_show.jpg);
background-repeat:no-repeat;
float:left;
width:81px;
height:61px;
}

.soreo a, soreo a:visited {
background-image:url(images/soreo_noir.jpg);
background-repeat:no-repeat;
width:81px;
height:61px;
float:left;
}
.soreo a:hover {
background-image:url(images/soreo.jpg);
background-repeat:no-repeat;
float:left;
width:81px;
height:61px;
}

.dvdtrial a, dvdtrial a:visited {
background-image:url(images/dvdtrial_noir.jpg);
background-repeat:no-repeat;
width:81px;
height:61px;
float:left;
}
.dvdtrial a:hover {
background-image:url(images/dvdtrial.jpg);
background-repeat:no-repeat;
float:left;
width:81px;
height:61px;
}

/*--------------*/
a.rollbouton img {
  opacity: 1;
  filter:alpha(opacity=100);

  }

a.rollbouton:hover img {
  opacity: .7;
  filter:alpha(opacity=70); 
    border:1px solid #FC0;
  }

a.logos img {
  opacity: 1;
  filter:alpha(opacity=100);

  }

a.logos:hover img {
  opacity: .7;
  filter:alpha(opacity=70); 
  }

/*---------------- PAGE SITES 2  ---------------*/

.legende_sites {
	width:250px;
	text-align:right;
	padding-right:20px;
}


#myController {
	width:750px;
	text-align:center;
}

.jFlowControl, .jFlowPrev, .jFlowNext { font-family:arial; font-size:12px; color:#bbb; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #f60; color:#000000}

.image_sites {
	text-align:right;
}
.slide-details table td{
	width:100%;
	
}

#slides {
	margin-top:5px;
}


#plan_site, #plan_site2 {
	clear:both;
	margin-left:00px;
	color:#854227;
		font-size:8px;

}

#plan_site a {
		color:#854227;

	text-decoration:none;
	font-size:8px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#plan_site a:hover {
	color:#f60;
	text-decoration:none;
}

#plan_site2 {
	clear:both;
	margin-left:-80px;
	margin-top:20px;
	color:#854227;

}

#plan_site2 a {
		color:#854227;

	text-decoration:none;
	font-size:8px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#plan_site2 a:hover {
	color:#f60;
	text-decoration:none;
}

#table_DVD {
	
	text-align:center;
	margin-left:50px;
	
}

.table_DVD_gauche {
	width:100px;
	text-align:center;
	
}

.table_DVD_droite {
	width:440px;
}

.table_DVD_gauche_4 {
	
	text-align:center;
}

.dvd_net {
	width:100%;
	
}