_css/accueil.css



body {background-color:#4C564C;}
#container{ width:998px; margin:auto; background-color:#FFFFFF;}
#bandeau{ width:980px; height:125px; background-color:#FFFFFF;}
#logo{ width:210px;padding-top:48px;padding-bottom:33px;}

#laureat{ width:125px; height:100px; background-color:#FFFFFF;}
#colaureat{ width:210px; float:left; background-color:#FFFFFF; margin-left:0px; margin-right:0px; margin-top:40px;}
#zonelaureat{margin-left:40px;}



#retour {
margin-left:60px;
width: 100px;
height: 50px;
background: url('../_images/_menu/accueil_out.png') no-repeat;
}

#retour a {
display: block;
width: 100%;
height: 100%;
background: white url('../_images/_menu/accueil_over.png')  no-repeat;
color: #000;
}

#retour a:hover {	
background: transparent none;
} 


#imagebandeau{ width:770px; height:125px; float:right;}
#zonemenu{margin-top:-20px;}
#colGauche{ width:210px; float:left; background-color:#F7931D; margin-left:0px; margin-right:0px;}
#contenu{ width:770px;float:right; background-color:#fff; margin-top:0px;}


#piedpage{width: 980px;}
#menusecond{ width:210px;margin-left:0px; float:left; margin-top:-122px;}
#zoneoutil{width:770px; text-align:left; margin-top:5px;float:right; }

#imagemenu1{
    background-image:  url('../images/car.gif');
    background-repeat: no-repeat;
    height: 18px;
    width: 18px
}
#imagemenu2{
    background-image:  url('../images/terre.gif');
    background-repeat: no-repeat;
    height: 18px;
    width: 18px
}
#imagemenu3{
    background-image:  url('../images/chariot.gif');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}
#imagemenu4{
    background-image:  url('../images/plugin.gif');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}
#imagemenu5{
    background-image:  url('../images/television.gif');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}
#imagemenu6{
    background-image:  url('../images/email.gif');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}
#imagemenu7{
    background-image:  url('../images/television.gif');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}
#imagemenu8{
    background-image:  url('../images/feuille.gif');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}
#imagemenu9{
    background-image:  url('../images/panier.gif');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px
}
#imagemenu10{
    background-image:  url('../images/solidarite2.gif');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}

#textemenu {
    position: relative;
    height: 12px;
    width: 150px;
    left: 14px;
    top: -3px;
	cursor: pointer;
}
#textemenuBoutique {
    position: center;
    height: 12px;
    width: 150px;
    left: 14px;
    top: -3px;
	cursor: pointer;

}
#texteActumenu {
    position: relative;
    height: 12px;
    width: 150px;
    left: 14px;
    top: -3px;
	
}


#texteActumenu {
    position: relative;
    height: 12px;
    width: 150px;
    left: 14px;
    top: -3px;
	
}


#menuActualite {
  color : #ccc0000;
  font-family:Tahoma, Arial, sans-serif;
  font-size : 120%;
  font-weight : bold;
 
  }
  
  
#menuActualite a {
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color: #333366;
text-decoration:underline;
}

#menuActualite a:hover {
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color: #555555;
text-decoration:underline;
}
  
  
.texteformulaire {
	background-color: #FFFFFF;
	width:700px;
	padding-left:0px;
	margin: 0;
	color:#2F1D40;
	font-size:11px;
	font-family : Tahoma, Arial, sans-serif;
}
  
.clear{ clear:both;}



h1 {
  margin : 15px 0 0 0;
  padding : 0 0 0 40px;
  float : left;
  width : 420px;
  color : #A7091E;
  font-size : 160%;
  font-weight : bold;
}

h2 {
  margin : 5px;

  color : #4C5254;
  font-size : 160%;
  font-style:italic;
  font-weight : bold;

}

h3 {
  margin : 10px 0;
  color : #F7931D;
  font-family:Tahoma, Arial, sans-serif;
  font-size : 135%;
  font-weight : bold;
  border-bottom : 1px solid #F7931D; padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0
}

h4 {
  margin : 10px 0;
  padding : 0;
  color : #FEC245;
  font-size : 120%;
  font-weight : bold;
  border-bottom : 1px solid #6ca6d6;
}
h5 {
  margin : 10px 0;
  padding : 0;
  color : #FEC245;
  font-size : 120%;
  font-weight : bold;
}
h6 {
  margin : 10px 0;
  padding : 0;
  color : #FEC245;
  font-size : 110%;
  font-weight : bold;
}
h7 {
  margin : 10px 0;
  padding : 0;
  color : #FEC245;
  font-size : 110%;
  font-weight : bold;
  border-bottom : 2px solid #A7091E; padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0
}

h3actu {
  margin : 10px 0;
  color : #F7931D;
  font-family:Tahoma, Arial, sans-serif;
  font-size : 120%;
  font-weight : bold;
  border-bottom : 1px solid #F7931D; padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0
}

p {
  margin : 10px 0;
  color:#2F1D40 ;
  font-family:Tahoma, Arial, sans-serif;
  font-size : 100%;
  font-weight : regular;
  padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0
}
 
a {
font-family:Tahoma, Arial, sans-serif;
color:#F7931D ;
text-decoration:underline;
}

a:hover {
font-family:Tahoma, Arial, sans-serif;
color:#3d9a00 ;
text-decoration:none;
}


.outils {
list-style-type: none;
margin: 0;
padding:0;
background: #FFF;
width: 998	px;
}

.outils li {
display: inline;
font-family:Tahoma, Arial, sans-serif;
color:#3d9a00 ;
font-size:10px;
}

.outils a {
font-family:Tahoma, Arial, sans-serif;
color:#F7931D ;
font-size:10px;
text-decoration:none;
}

.outils a:hover {
font-family:Tahoma, Arial, sans-serif;
color:#F7931D ;
font-size:10px;
text-decoration:underline;
}

.lexique{
	background: url('../_images/_outil/lexique.png') no-repeat 5px -1px; 
	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px 
}

.bibliographie{
	background: url('../_images/_outil/bibliographie.png') no-repeat 5px -2px; 
	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px 
}

.plansite{
	background: url('../_images/_outil/plan.png') no-repeat 5px -1px; 
	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px 
}

.contact{
	background: url('../_images/_outil/contact.png') no-repeat 5px -2px; 
	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px 
}

.mention{
	background: url('../_images/_outil/mention.png') no-repeat 5px -1px; 
	padding-left:25px; padding-right:0px; padding-top:0px; padding-bottom:0px 
}


fieldset {
  border-width : 0;
  margin : 0 20px 0 20px;
  padding : 0;
}
fieldset strong {
  font-size : 100%;
  color : #21A121;
}
legend {
  color : #FEC245;
  font-weight : bold;
  font-size : 110%;
  margin : 5px 0;
  background: url('../images/fleche3.gif') no-repeat 0 -1px;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:2px
}
input, textarea, select {
font-family : Tahoma, Arial, sans-serif;
font-size : 90%;
border: 1px solid #2F1D40;
padding : 1px 2px;
margin : 0 3px;
} 
form p {
	font-family : Tahoma, Arial, sans-serif;
	clear: both;
	margin: 8px 0;
	padding: 2px 0;
	color : #FF0000;
}

.action {
text-align:center;
}

#contenu p label {
	font-family : Tahoma, Arial, sans-serif;
	float: left;
	width: 35%;
	border-bottom : 1px dashed #86C75F;
	color : #FF0000;
}

#bloc_actualite {
margin: 0 8px 0 0;
border: 1px dashed #F7931D;	
}

#bloc_actualiteGauche {
float: left;
width : 48%;
margin: 20px 8px 0 0;
border: 1px dashed #F7931D;	
}

#bloc_actualiteDroite {
float: right;
width : 48%;
margin: 20px 8px 0 0;
border: 1px dashed #F7931D;	
}

#menu {
top: 0;
left: 0;
}

#menu {
width: 210px;
}

#accueil{
width: 998px;
height:142px;
padding-top:0px;
padding-bottom:20px;
text-align:center;
background: #FFF;
}

#menu1 {
margin-left:2px;
background: url('../_images/_menu/menu1.gif') no-repeat;
}
#menu2 {
margin-left:2px;
background: url('../_images/_menu/menu2.gif') no-repeat;
}
#menu3 {
margin-left:2px;
background: url('../_images/_menu/menu3.gif') no-repeat;
}
#menu4 {
margin-left:2px;
background: url('../_images/_menu/menu4.gif') no-repeat;
}
#menu5 {
margin-left:2px;
background: url('../_images/_menu/menu5.gif') no-repeat;
}
#menu6 {
margin-left:2px;
background: url('../_images/_menu/menu6.gif') no-repeat;
}
#menu7 {
margin-left:2px;
background: url('../_images/_menu/menu7.gif') no-repeat;
}
#menu8 {
margin-left:2px;
background: url('../_images/_menu/menu8.gif') no-repeat;
}
#menu9 {
margin-left:2px;
background: url('../_images/_menu/menu9.gif') no-repeat;
}
#menu10 {
margin-left:2px;
background: url('../_images/_menu/menu10.gif') no-repeat;
}
#menu dt {
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
margin: 5px 0;
height: 20px;
margin-left:5px;
line-height: 20px;
text-align: left;
font-weight: bold;
color: #555555;
}


#menu dd {
width: 210px;
margin: 0;
padding: 0;
}

#menu ul{
margin: 0;
padding: 0;
}
#menu li {
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
text-align: left;
background: #fff;
list-style-type: none;
margin: 0;
padding-left:35px;
}
#menu li a, #menu dt a {
color: #555555;
text-decoration: none;
display: block;
border: 0px none;
height: 100%
}

#menu li a:hover{
color: #6699CC;
}
 #menu dt a {
border: 0px solid #99CC00;
}
#menu dt a:hover {
background: #fff;
border: 0px solid #fff;
}

#actuMenu {
font-family:Tahoma, Arial, sans-serif;
margin: 0px 0;
height: 20px;
margin-top:-15px;
margin-left:5px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 1px solid #FEC245;
background: #FEC245;
font-size:12px;
color: #555555;
}

#actuMenu a {
font-family:Tahoma, Arial, sans-serif;
font-size:12px;
color: #555555;
text-decoration:none;
}

#actuMenu a:hover {
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color: #555555;
text-decoration:none;
}