/* Général */
* {
 padding: 0;
 margin: 0;
}
body {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
	color: #CE003D;
	background: #cccccc url(fond-gris.jpg) repeat 0 0;
	font-size:14px;
	scrollbar-face-color: #dedc1f; 
}
body#accueil {
	background: #cccccc url(fond-gris.jpg) repeat top left;
}

#global{
background:url("top1.gif") no-repeat scroll right bottom transparent;
/*background: transparent url(top2.gif) repeat-y 0 0;*/
}
#page{
background: transparent url(top2.gif) repeat-y 0 0;
padding:0;
margin:0;
}

#wrapper{
/*background: transparent url(toile.gif) repeat;*/
padding-bottom:50px;
/*margin:0 auto;*/
margin:0 0 0 250px;
width: 800px;
}
#top {
background: transparent url(top1.gif) no-repeat top right;
}
#top h1{
font-family: "Times New Roman", serif; 
font-size: 90px;
padding: 20px 0 0 10px;
}
body#accueil #wrapper{
background-image: none;
}
p.lienacc a{
color: #dedc22;
}
p.lienacc a:hover{
color: #dedc22;
text-decoration:none;
background:#cf003d;
}
p.lienacc {
padding: 15px 0 5px 0;
text-align:center;
}

#col_gauche{
float:left;
}
#col_droite{
float:right;
}
#logo{
padding:0;
float:left;
}
#barre_menu{
padding:10px 0 0 0px;
width:84px;
}

img, a img {
border: none;
text-decoration: none;
}
a:link, a:visited {
	text-decoration: none;
	color: #7B003B;
	/*border-bottom:1px dotted #CE003D;*/
}
a:active, a:hover, a:focus {
	text-decoration: underline;
	color: #CE003D;
	/*color:#7B003B;
	border-bottom:1px solid #CE003D;
	border-top:1px solid #CE003D;*/
}

#content a:link, #content a:visited {
	text-decoration: none;
	color: #7B003B;
	border-bottom:1px dotted #CE003D;
}
#content a:active, #content a:hover, #content a:focus {
	/*text-decoration: underline;
	color: #fff;*/
	color:#7B003B;
	border-bottom:1px solid #CE003D;
	border-top:1px solid #CE003D;
}

h1 {
  color :#F39800;
	font-weight:normal;
	font-size:60px;
	padding: 40px 0 0 10px;
 
}
h2 {
  color :#CE003D;
  font-weight:bold;
	font-size:38px;
}
h3 {
	 color :#f39800;
	 padding:10px 0 10px 0;
	 font-size:30px;
}
h4, h5, h6  {
  color :#000;
	padding-top:8px;
}
h4 {
	color :#7b003b;
  font-size:30px;
}
h5 {
  font-size:20px;
}
h6 {
  font-size:16px;
}



#box_edito h2 {
  color :#f39900;
  font-weight:normal;
	font-size:40px;
}



 
/***********************************************/ 
#box_edito {
 background: transparent url(../img/edito.gif) no-repeat fixed 160px 160px;
 padding:110px 10px 5px 5px;
 width:300px;
 height:170px;
 overflow-x:visible;
 overflow-y:auto;
 text-align:justify;
 color:#fff;
 border:1px #dedc1f solid;
}

#foot {
 padding:30px 0 30px 0;
 text-align:center;
}


#content {
	width:780px;
	padding:20px 10px 15px;
	background : transparent url(toile.gif) repeat top left;
}
h1 {
/*
	background : transparent url(top.gif) repeat-x bottom left;
  position: absolute;
	top:17px;
	left: 100px;
	display: block;
	overflow: auto;
	width: 100%;
	height: 120px;
	padding-left:30px;

*/
}
#content p {
	padding:5px 0 0 0;
	text-align: justify;
}
#content #newsactu p {
	padding:5px 85px 0px 85px;
	font-size:16px;
}
#content #newsactu p.news {
	padding:5px 20px 0px 0px;
}
#wrapactu {
/*background : transparent  url(top1.gif) no-repeat top right;*/
}
.feuillet {
 background : transparent  url(voile.gif);
	color:#CE003D;
	padding:15px;
	border:1px dotted #CE003D;
}

.feuillet a:link, .feuillet a:visited {
	text-decoration: none;
	color: #7b003b;
	border-bottom :1px dotted #CE003D;
	background: transparent url(toile.gif) repeat top left;
}
.feuillet a:active, .feuillet a:hover, a:focus {
	border-bottom :1px solid #CE003D;
}


.droite {
 float:right;padding:10px 0 10px 10px;
}
.gauche {
 float:left;padding:10px 10px 10px 0;
}

#content li {
  list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background: transparent url(puce.gif) no-repeat 5px 12px;
	padding:5px 0 0 18px;
}
#content ul ul li {
  list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background: transparent url(puce2.gif) no-repeat 25px 12px;
	padding:5px 0 0 38px;
}

#content li li {
	background: transparent url(puce-2.gif) no-repeat 5px 12px;

}
#etiqactu {
 float: right;
 /*display:block;
 position:absolute;
 top:130px;
 left:830px;
 width:163px;
 height:133px;
 /*background: transparent url(../img/actu.gif) no-repeat top left;*/
 }
 
 #etiqactu a {
 display:block;
 /*position:absolute;
 top:113px;
 left:700px;*/
 width:160px;
 height:147px;
 text-decoration:none;
 border:none;
 /*background: transparent url(actu-fr.gif) no-repeat top left;*/

 }
#etiqactu a.fr {
  background: transparent url(actu2.gif) no-repeat top right;
}
#etiqactu a.en {
  background: transparent url(actu-en.gif) no-repeat top right;
}
 
table.bordnoir {
 width:350px;
 border-top:1px black dashed;
 border-left:1px black dashed;
}
table.bordnoir td {
 border-right:1px black dashed;
 border-bottom:1px black dashed;
 padding:2px 5px;
}

input {
color:#660033;
vertical-align:middle;
}
input[type=text]{
color:#660033;
}
input[type=submit]{
color:#fff;
font-weight:bold;
background:#cf003d;
}
select{
	color: #cf003d;
	background-color: #e3ed22;
}
option{
	color: #cf003d;
	background-color: #e3ed22;
	border-top:1px dotted #cf003d;
}

.form-err, input.form-err {
background:#cf003d;
color: #fff;
}
.txterror{
background:#cf003d;
color: #fff;
}

div.cadredroit {
float:right;
padding-top: 25px;
background: transparent url(liseret-v.gif) repeat-y top left;
}

ul.prodt li img, ul.prodt img {
 float: right;
 padding:0 0 0 5px;
}
#content ul.prodt li {
clear:both;
 border-top: 1px #cccc33 solid;
 padding-bottom: 10px;
 padding-right: 10px;
 text-align: justify;
}
#content ul.prodt li.new {
 border: 2px #ce003d dotted;
}


/*****************************************************/
/*********Navigation******/
#info {
padding-bottom:80px;
padding-top: 3px;
 width:1030px;
 *width:780px;/***********debug IE************/
}
#menu {list-style-type:none; margin:0 0 0 0; padding:33px 0 0;}


#menu li {display:block; float:left; position:relative; z-index:100; line-height:18px;}
#menu li dt { line-height:38px; }

#menu li span {display:block; z-index:100; padding: 5px 0;font-size:4px;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;color:#180807;}


#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(transp.png);}
* html #menu dl {background:transparent url(transp.gif);}


#menu dt {margin:0; font-size: 1.1em; float:left;}
#menu dd {display:none; background: transparent; clear:left; margin-left:5px; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; height: 38px; padding: 5px 0;}
#menu dd a, #menu dd a:visited {display:block; padding: 5px 0;}


#menu li a:hover {border:0;text-decoration:none;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#FFF;background:#660033;}

#menu li {width:180px;}
/*#menu li#one {width:160px;}
#menu li#two {width:160px;}
#menu li#three {width:160px;}
#menu li#four {width:160px;}
*/

#menu li dt a, #menu li a:visited dt a, #menu li:hover dt a, #menu li a:hover dt a {
  background:transparent url(menu-fr2.gif) no-repeat 0 0;
}


#menu li#one dt a, #menu li#one a:visited dt a {background-position: 0 -47px;}
#menu li#one:hover dt a, #menu li#one a:hover dt a {background-position:  0 0;}

#menu li#two dt a, #menu li#two a:visited dt a {background-position:  -180px -47px;}
#menu li#two:hover dt a, #menu li#two a:hover dt a {background-position:  -180px 0;}

#menu li#three dt a, #menu li#three a:visited dt a {background-position: -360px -47px;}
#menu li#three:hover dt a, #menu li#three a:hover dt a {background-position:  -360px 0;}

#menu li#four dt a, #menu li#four a:visited dt a {background-position:  -540px -47px;}
#menu li#four:hover dt a, #menu li#four a:hover dt a {background-position: -540px 0;}


#footer {
 background: transparent url("toile.gif") repeat left top ;
 text-align: center;
 padding: 0 15px 10px 15px;
 margin-top:20px;
 margin-bottom:10px;
}
#footer p {
 padding: 10px 0 0 0;
}

#legende {
 font-size: 11px;
 font-weight: bold;
}

