/* CSS Document */

html,body {
	font-family: tahoma;
	font-size: small;
}

.clear {
	height : 1px;
	overflow : hidden;
	clear : both;
}

body {
	margin: 0;
	padding: 0;
    background-color: #FBFBFD;
}

#page{
	position: relative;
	margin: auto;
	margin-top:0;
    padding-top:5px;
	width: 753px;
}

.messageSucces {
	border : 1px solid #83AB6F;
	background-color : #EAFFDF;
	font-weight : bold;

	padding-left : 12px;
	padding-right : 12px;
	padding-top : 1em;
	padding-bottom : 1em;

	margin-top : 1em;
	margin-bottom : 1em;

	color : #333;
}

.messageErreurs {
	border : 1px solid #AB836F;
	background-color : #FFEADF;
	/*font-weight : bold;*/

	padding-left : 12px;
	padding-right : 12px;
	padding-top : 1em;
	padding-bottom : 1em;

	margin-top : 1em;
	margin-bottom : 1em;

	color : #333;
}










/*----------------------

   Entete

----------------------*/

#logo{
    position: relative;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    padding-top:18px;
    width: 177px;
    height: 72px;
}
#fil-arianne{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
	width: 410px;
    height: 90px;
    font-size: 10px;
    text-align: right;
	color : #669999;
}
#fil-arianne span {
    color : #669999;
	text-decoration: none;
    margin-left: 0px;
    line-height: 20px;
}
#fil-arianne a {
    color : #669999;
    font-weight: bold;
	text-decoration: none;
}
#fil-arianne a:hover {
	text-decoration: underline;
}
#fil-arianne img.puces {
    position: relative;
    width: 6px;
    height: 9px;
    padding-right: 1px;
    padding-left: 14px;
    top: 1px;
}

#jeunes {
    float: right;
    width: 154px;
    height: 90px;
}
#entete{
    position: relative;
    float: left;
    width: 753px;
    height: 153px;

}












/*----------------------

   pour les 3 boites de contenu

----------------------*/
#menu-et-textes{
	position: relative;
    clear: both;
	margin-top:0;
	width: 753px;
}
#boite{
	position: relative;
    float: left;
	margin-top:0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	width: 251px;
    background-image: url(../images/middle-mnu.gif);
    background-repeat: repeat-y;

}
#boite-large{
	position: relative;
    float: left;
	margin-top:0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	width: 502px;
    background-image: url(../images/middle-contenu.gif);
    background-repeat: repeat-y;
    
}
#contenu-boite{
	position: relative;
    clear: both;
    padding-left: 12px;
    padding-right: 12px;
    color: #669999;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 16px;
    min-height: 388px;             /*295-207=88 - donc 88px de différence*/
}
#contenu-boite p {
    position: relative;
    margin-top: 0px;
    margin-bottom: 5px;

 	}

#contenu-boite a {
    color: #669999;
    border-color: #669999;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
#contenu-boite a.suite {
    color: #669999;
    font-family: Tahoma;
    font-size: 8px;
    font-weight: bold;
    text-decoration: none;
}
#contenu-boite a.gras {
    color: #669999;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
#contenu-boite a.liens {
    color: #669999;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
#contenu-boite a.liens-gros {
    color: #d87003;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
#contenu-boite a:hover {
    color: #d87003;
}

#contenu-boite-mnu {
  padding-left: 12px;
  padding-right: 12px;
  height: 300px;                 /*295-207=88 - donc 88px de différence*/
}
#contenu-boite-mnu img.puces {
   width: 7px;
   height: 15px;
   top:3px;
   position: relative;
}
 #contenu-boite-mnu img.lgn1 {
   margin: 0px 0px 6px 0px;
}
#contenu-boite-mnu img.lgn {
   margin: 6px 0px 6px 0px;
}


#contenu-boite-mnu a {
  color: #f98f26;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#contenu-boite-mnu a:hover {
    color: #d87003;
}


a:link img {
  border-color: #669999;
  border-width: 1px;
}
a:visited img  {
  border-color: #669999;
  border-width: 1px;
}
a:hover img  {
  border-color: #d87003;
  border-width: 1px;
}
a:active img   {
  border-color: #d87003;
  border-width: 1px; 
}


h1 {
	margin: 0px;
    font-size: 18px;
    color: #669999;
    border-bottom: #ebebeb solid 1px;
}
h2 {
	margin: 0px;
    font-size: 21px;
    color: #f98f26;
    padding-top: 2px;
    padding-left: 20px;
    padding-bottom: 15px;
}

h3 {
	margin: 0px;
    font-size: 14px;
    color: #f98f26;
    padding-top: 20px;

}

ul{
  margin-top: 0px;
  margin-bottom: 0px;
}

.heures{
  float: right;
  font-weight: bold;
}










/*----------------------

	sous-menu

----------------------*/

a.smnu01 {
	display: block;
    float: left;
    height: 37px;
    width: 157px;
    background: url(../images/smnu-01.jpg)  no-repeat 0 0 ;
}
a:hover.smnu01 {
   background: url(../images/smnu-01.jpg)  no-repeat 0 -37px ;
}
a.smnu02 {
	display: block;
    float: left;
    height: 37px;
    width: 169px;
    background: url(../images/smnu-02.jpg)  no-repeat 0 0 ;
}
a:hover.smnu02 {
   background: url(../images/smnu-02.jpg)  no-repeat 0 -37px ;
}
a.smnu03 {
	display: block;
    float: left;
    height: 37px;
    width: 100px;
    background: url(../images/smnu-03.jpg)  no-repeat 0 0 ;
}
a:hover.smnu03 {
   background: url(../images/smnu-03.jpg)  no-repeat 0 -37px ;
}
a.smnu04 {
	display: block;
    float: left;
    height: 37px;
    width: 76px;
    background: url(../images/smnu-04.jpg)  no-repeat 0 0 ;
}
a:hover.smnu04 {
   background: url(../images/smnu-04.jpg)  no-repeat 0 -37px ;
}

/*----------------------

	album-photo

----------------------*/

  #video {
  	border-width: 1px;

}





/*----------------------

	footer

----------------------*/

#footer{
	position: relative;
    clear: both;
    margin: auto;
	padding-top:3px;
    padding-bottom: 5px;
    font-family: Tahoma;
	width: 753px;
    height: 42px;
    line-height: 16px;
}

#copyright {
	font-size: 10px;
	color: #858585;
	float: left;
}

#copyright a, #realisation a {
	color : #858585;
	text-decoration: none;
}

#realisation {
	font-size: 10px;
	color: #858585;
	float: right;
}

#copyright a:hover, #realisation a:hover {
	text-decoration: underline;
}