html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #CCD7E3;  /*couleur de fond */
}
/*le conteneur global du site, qui sera centré */
.conteneur { 
width: 100%;
height: 100%;
position: absolute;
background-color: #CCD7E3;
}
/*le titre du site */
.header {
background : url(images_site/logo.gif) no-repeat;
height: 125px;
background-color: #CCD7E3;
}
/*pub haut titre */
.pub {
position: absolute;
top:25px;
left:500px;
background-color: #CCD7E3;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu {/*position droite du memu */
position: absolute;
left:0;
width: 133px;
height: 663px;
background: #CCD7E3 ;
top:170px;
}

/*menue deroulant */
#menu dt {
cursor: pointer;
background: transparent;
height: 20px;
line-height: 20px;
margin: 7px 0;
border: 1px solid #E6E9F2;
text-align: center ;
color: #000000;

}

#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 10em;
background: #C8CAD9;
border: 0px solid #C8CAD9;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;

}
#menu li a, #menu dt a {
color: #000000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
color: #ffffff;
}
/*contenu centre du site */
.centre {
margin-left: 135px;
width: auto;
height: 350px;
background-color:#CCD7E3;

}

/*frame présentation apsente sur le site */
.frame2{

width: 100px;
height: 294px;
background-color:#6183A8;
overflow: auto;
}
p {margin: 0 0 10px 0;}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;

}
.menugauche a {
margin: 0 2px;
color: #333333;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
color: #ffffff;
}
/*couleur des liens */
a {color :#000000 ; text-decoration : underline}
a:hover {color : #134786 ; text-decoration : underline}


 
/*titre des message sur le cente du site */
h4 { 
    color: #7f7f9c;
	font-size: 16px;
    margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 0.5em;
	padding-bottom: 0.2em;  
	border-bottom: 1px dashed #ffffff; 
	border-left: 1px solid #ffffff;
	
    line-height: 1.0;
}/*titre des menu gauche */ 
h5 { 
    color: #ffffff;
	font-size: 14px;
    margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 0.5em;
	padding-bottom: 0.2em;  
	border-bottom: 1px dashed #509FDC; 
	border-left: 1px solid #509FDC;
	
    line-height: 1.0;
}

h6{
color: #0FCC00;
	font-size: 13px;
    margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 0.5em;
	padding-bottom: 0.2em;   }
	
h2{
    color: #000000;
	font-size: 13px;
    margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 0.5em;
	padding-bottom: 0.2em;   }
h3{
    color: #000000;
	font-size: 11px;
    margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 0.5em;
	padding-bottom: 0.2em;   }
	
	
	/*  texte defilant  */
/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 300px;
/*height: 100px;*/
height: 130px;
padding: 0px;
}

/* Articles */
.maClasse1{
 font-size:9pt;
}
.maClasse2{
 font-size:10pt;
}
.maClasse3{
 font-size:12pt;
}
.maClasse4{
 font-size:14pt;
}
.maClasse5{
 font-size:18pt;
}
.maClasse6{
 font-size:24pt;
}
.maClasse7{
 font-size:36pt;
}
.typetext{font-size: 13px;}
.typetext2{font-size: 13px;}
.typetext3{font-size: 13px;}
.typetext4 {font-size: 13px;}
.p_texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal}
.texte1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal}	

/* contour headeret autre */
.xsnazzy h1, .xsnazzy h2,  {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}

.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;}

.xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;}
.xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#CCD7E3; border:3px solid #ffffff; border-width:0 3px;}

/*tableau page radio*/
dl.curved3{background:url(images_site/logorcurved3.jpg)top left no-repeat; margin:5px 0; padding:0; width:100%;}
dl.curved3 dt {background:url(images_site/logorcurved3.jpg)  top right no-repeat; padding:10px; text-align:center; color:#0000CE;}
dl.curved3 dd {background:#eee  bottom left no-repeat; padding:0; margin:0;}
dl.curved3 dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved3 dd p.last {background:transparent  bottom right no-repeat; }
/*tableau page jaune et blanche*/
dl.curved2{background:#7f7f9c top left no-repeat; margin:5px 0; padding:0; width:100%;}
dl.curved2 dt {background:transparent  top right no-repeat; padding:10px; text-align:center; color:#FFFF00;}
dl.curved2 dd {background:#eee  bottom left no-repeat; padding:0; margin:0;}
dl.curved2 dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved2 dd p.last {background:transparent  bottom right no-repeat; }

/*tableau */
dl.curved {background:url(images_site/logorcurved.jpg)top left no-repeat; margin:5px 0; padding:0; width:100%;}
dl.curved dt {background:url(images_site/logorcurved.jpg) top right no-repeat; padding:10px; text-align:center; color:#0000CE;}
dl.curved dd {background:#eee  bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent  bottom right no-repeat; }
/*tableau cinema*/
dl.curved4{background:url(images_site/logorcurvedcine.jpg)top left no-repeat; margin:10px 0; padding:0; width:100%;}
dl.curved4 dt {background:url(images_site/logorcurvedcine.jpg)  top right no-repeat; padding:20px; text-align:center; color:#0000CE;}
dl.curved4 dd {background:#eee  bottom left no-repeat; padding:0; margin:0;}
dl.curved4 dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved4 dd p.last {background:transparent  bottom right no-repeat; }
/*tableau page jaune*/
#pagesjaunes {width: 470px; background: #ffffff;}
#pagesjaunes a {text-decoration: underline;}
#pagesjaunes a:hover {text-decoration: none;}
#pagesjaunes h1 {float: left; text-align: right; word-spacing: -2px; margin-bottom: 30px;}
#pagesjaunes p {clear: both; font: normal 12px Arial;}
#pagesjaunes img.logo {float: right; padding: 5px; border: 1px solid #d7d4c6;}
#pagesjaunes form {border: 1px solid #d7d4c6; margin-top: 25px; padding-bottom: 5px; $padding-bottom: 0px;}
#pagesjaunes form * {margin: 0px; padding: 0px;}
#pagesjaunes form h1 {float: none; text-align: left; background: #fc0; font: bold 12px Arial; color: #333; padding-bottom: 15px; margin: 5px; text-transform: uppercase; padding: 2px 5px;}
#pagesjaunes form p {margin: 0px 0px 10px 115px; font: normal 10px Arial; width: 300px;}
#pagesjaunes form p.texte_checkbox {font: bold 11px Arial; float: left; margin: 0px 0px 0px 5px; $padding-top: 4px; width: auto; clear: none; height: 14px;}
#pagesjaunes form label {float: left; display: block; clear: left; width: 100px; text-align: right; margin-right: 15px; padding-top: 4px;}
#pagesjaunes form input {float: left; border: 2px solid #fc0; width: 290px; height: 16px; padding: 2px; font: normal 12px Arial;}
#pagesjaunes form input.checkbox {width: auto; border: 0px; padding: 0px; margin-left: 115px;}
#pagesjaunes form button {float: left; font: bold 12px Arial; color: #fff; margin: -5px 0px 0px 150px; $margin-top: 0px; height: 18px; width: 64px; border: 1px solid #b81e8e; background: url(/image/pages-jaunes/fond_bouton.png) repeat-x; cursor: pointer;}
#pagesjaunes h2 {font: bold 12px Arial;}
/*tableau page blanche*/
#pagesblanches {width: 470px; background: #ffffff;}
#pagesblanches a {text-decoration: underline;}
#pagesblanches a:hover {text-decoration: none;}
#pagesblanches h1 {float: left; text-align: right; word-spacing: 2px; margin-bottom: 30px;}
#pagesblanches p {clear: both; font: normal 12px Arial;}
#pagesblanches img.logo {float: right; padding: 5px; border: 1px solid #d7d4c6;}
#pagesblanches form {border: 1px solid #d7d4c6; margin-top: 25px; padding-bottom: 5px; $padding-bottom: 0px;}
#pagesblanches form * {margin: 0px; padding: 0px;}
#pagesblanches form h1 {float: none; text-align: left; background: #cecece; font: bold 12px Arial; color: #333; padding-bottom: 15px; margin: 5px; text-transform: uppercase; padding: 2px 5px;}
#pagesblanches form p {margin: 0px 0px 10px 115px; font: normal 10px Arial; width: 300px;}
#pagesblanches form label {float: left; display: block; clear: left; width: 100px; text-align: right; margin-right: 15px; padding-top: 4px;}
#pagesblanches form input {float: left; border: 2px solid #cecece; width: 290px; height: 16px; padding: 2px; font: normal 12px Arial;}
#pagesblanches form button {float: right; font: bold 12px Arial; color: #fff; margin: -5px 52px 0px 0px; $margin-top: 0px; height: 18px; width: 64px; border: 1px solid #b81e8e; background: url(/image/pages-jaunes/fond_bouton.png) repeat-x; cursor: pointer;}
#pagesblanches h2 {font: bold 12px Arial;}
/*tableau page galeries*/
.pzsnazzy {width:745px;}
.pxsnazzy h1, .pzsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.pxsnazzy p, .pzsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.pxsnazzy {background: transparent; width:240px; float:left; margin:0 3px;}

.pxtop, .pxbottom {display:block; background:transparent; font-size:1px;}
.pxb1, .pxb2, .pxb3, .pxb4 {display:block; overflow:hidden;}
.pxb1, .pxb2, .pxb3 {height:1px;}
.pxb2, .pxb3, .pxb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.pxb1 {margin:0 5px; background:#444;}
.pxb2 {margin:0 3px; border-width:0 2px;}
.pxb3 {margin:0 2px;}
.pxb4 {height:2px; margin:0 1px;}

.pxboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .pxboxcontent {height:1px;}

.color_a {background:#c9ba65; color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}
/*fin page galeries */
/*tableau menu tuto video */
.outside {position:relative; width:45%; background:#ffffff; color:#oooooo; margin:1em auto;}
.inside {display:block; position:relative; color:#000; margin:0 -50px; background:#CCD7E3; color:#000;}

.outside2 {position:relative; width:60%; margin:1em auto;}
.inside2 {display:block; position:relative; color:#000; margin-right:-150px; background:#9caf9c; color:#fff;}

#info p {text-align:center; color:#fff;}
#info h3 {color:#000;}
/*fin tableau menu tuto video */