html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #421300;
	background-color: #DEC29B;
	background-image: url(../images/deco/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

p, div, dl, dt, dd, ul, ol, li, blockquote, fieldset {
	margin: 0;
	padding: 0;
}
img {
	border:none;
}
select {
	color: #000;
	background-color: #fff;
}
.annuaires {
	margin: 40px 20px 0 29px;
}
.annuaires p {
	padding-bottom: 6px;
}

.annuaires a {
	color: #851B21;
	font-size: 10px;
	text-decoration: none;
}
.annuaires a:hover {
	color: #DEC29B;
}

.annuaires img {
	margin-bottom: 4px;
}

.kobone {
	margin-bottom: 8px;
}



.separation {
	width: 100%;
	height: 10px;
	border-bottom: 1px dotted;
	border-color: #C1A37F;
	margin-bottom: 10px;
}
.vignettes {
	width: 500px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px dotted;
	border-color: #C1A37F;
	margin-bottom: 10px;
}

.vignettes_web {
	width: 574px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px dotted;
	border-color: #C1A37F;
	margin-bottom: 10px;
}



.boite {
	width: 100px;
	height: 100px;
	position: relative;
	display: inline;
	padding: 0px;
}
.boiteweb {
	width: 300px;
	height: 197px;
	position: relative;
	padding: 0px;
	float: left;
	margin: 0 10px 0 0;
}

.boiteweb_gd {
	width: 300px;
	height: 252px;
	position: relative;
	padding: 0px;
	float: left;
	margin: 0 10px 0 0;
}
.new {
	position: absolute;
	z-index: 10;
}

.newweb {
	position: absolute;
	z-index: 10;
	top: 97px;
}

.newweb_gd {
	position: absolute;
	z-index: 10;
	top: 152px;
}
.valid {
	margin: 10px 0 0 29px;
}







 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0;
	padding:0;
	width:850px;
	background-image: url(../images/deco/bg_general.gif);
	background-repeat: repeat-y;
	background-position: left;
}
#left_col {
	background-image: url(../images/deco/bg_left_col.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 226px;
	float: left;
	position: relative;
	left: 0px;
}
.menulangue {
	margin: 32px 0 36px 29px;
	color: #ddc7a3;
}
.menulangue a {
	color: #f1466e;
	text-decoration: none;
}
.menulangue a:hover {
	color: #ddc7a3;
}
.petit_logo {
	text-align: center;
	margin-bottom: 16px;

}
#left_col h2 {
	color: #DEC29D;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0 29px;
}
#left_col h3 {
	color: #D4B07C;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 0 29px;
}
#left_col h4 {
	color: #DEC29B;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0 29px;
}
#sous_menu {
	margin: 0 0 100px 29px;
	font-size: 10px;
	color: #f1466e;
}
#sous_menu a {
	color: #f1466e;
	text-decoration: none;
}
#sous_menu a:hover {
	color: #f2dfbd;
}
#liens {
	margin: 10px 20px 0 29px;
	color: #C1A37F;
	line-height: 18px;
}
#liens a {
	color: #F1466E;
}
#liens a:hover {
	text-decoration: none;
}






#right_col {
	float: right;
	width: 614px;
	position: relative;
	right: 0px;
	padding: 0;
}









/*Haut de page  HEADER*/

#header{
	margin:0;
	padding:0;
	width:614px;
	height:170px;
	background-image: url(../images/deco/header.jpg);
}



/*Contenu de page  CONTENT */

#content {
	margin:10px 0 0 0;
	padding:15px 20px;
	width: 574px;
	background-image: url(../images/deco/bg_top_content.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #F6DEB7;
}
#content img {
	margin: 0;
}

#content a {
	color: #C53553;
}

#content h3 {
	color: #341303;
	font-size: 14px;
	margin-bottom: 12px;
}
#content h4 {
	color: #341303;
	font-size: 12px;
	margin-bottom: 10px;
}
#content p {
	line-height: 18px;
	padding: 0 0 10px 0;
}







/*/// debut des colonnes ///*/
#left_content, #left_content_jp {
	float:left;
	position:relative;
	width:280px;
	left:0px;
	background-image: url(../images/deco/top_left.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #F6DEB7;
	padding: 15px 20px;
}
#left_content h1, #content h1, #left_content_jp h1 {
	color: #c53553;
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px dotted #c53553;
	margin-bottom: 20px;
}
#left_content h2, #content h2, #left_content_jp h2 {
	color: #7a2200;
	font-size: 16px;
	margin-bottom: 14px;
}

#left_content p {
	text-align: justify;
	line-height: 18px;
	padding: 0 0 10px 0;
}

#left_content_jp p {
	line-height: 18px;
	padding: 0 0 10px 0;
	text-align: left;
}
#left_content strong, #left_content_jp strong {
	color: #f1466e;
	font-weight: normal;
	border-bottom: 1px dotted;
}
#left_content a, #left_content_jp a {
	color: #7A2200;
}

ul.competences {
	padding: 0;
	margin: 0 0 10px;
	list-style-type: none;
}
ul.competences li {
	padding: 0 0 0 12px;
	line-height: 16px;
	margin: 0 0 8px 0;
	background-image: url(../images/deco/puce-compet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}






/*/// partie de droite ///*/
#right_content{
	float:right;
	position:relative;
	width:284px;
	right:0px;
}
#right_content img {
	border: 8px solid #703302;
}








/*/// fin des colonnes ///*/	


/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:20px 0 0 0;
	width:880px;
	text-align: center;
	color: #f6eac3;
	background-image: url(../images/deco/footer.gif);
	height: 105px;
	line-height: 18px;
}

#footer a{
	color:#42ffff;
	text-decoration:none;
}

#footer a:hover{
	color:#f6eac3;
}
#referencement {
	margin: 0 0 0 19px;
	padding: 10px 0 0 0;
	color: #421300;
	font-size: 10px;
}
#referencement h1 {
	font-size: 12px;
	font-weight: normal;
	color: #81664E;
}
#referencement a {
	color: #280B00;
	text-decoration: none;
	font-size: 10px;
}
.erreur {
	text-align: right;

}






#player {
	margin: 0;
	padding: 0;
}


 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
h1 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 20px;
}
  
h2 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 18px;
}
  
h3 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 16px;
}
h4 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 14px;
}
h5 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 12px;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
	font-size: 10px;
}


 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/
  
   /*------------------------------------------------------*
  *--------------------------     CSS HIGHSLIDE     ----*
  *------------------------------------------------------*/
  




* {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	
}
.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
	outline: none;
	
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {

}
.highslide:hover img {

}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
	color: #4D4F51;
	font-size: 10px;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(../highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* MENU VERTICAL */

ul#menu_vertical{
	margin:55px 0 18px 29px;
	padding:0;
	width:167px;
	list-style:none;
	text-align:left;
	color:#fff;
}

ul#menu_vertical li{
	margin:0;
	border-bottom: 1px solid #ad1e39;
}

ul#menu_vertical li a{
	padding:0;
	display:block;
	color:#ca2343;
	text-decoration:none;
	height:40px;
	line-height: 40px;
	font-size: 18px;
	
}

ul#menu_vertical li a:hover, ul#menu_vertical li a.menu_actif {
	text-decoration:none;
	color: #f2e0bd;
}