/* 
    Document   : style
    Created on : 2009-05-16, 06:48:16
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    background-repeat: no-repeat;
    outline: none;
	border: none;
}
body
{
    margin: 0 0 0 0;    
}
body.accueil
{
    background-image: url(images/bg_accueil.jpg);
    width: 900px;
    height: 1250px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: black;
}
body.accueil strong
{
    color: #08404c;
    display: inline;
}
body.generactions, body.programmation, body.partenaires, body.carte, body.joindre, body.presse, body.bamque_images
{
    background-image: url(images/bg_repeat_y.jpg);
    background-repeat: repeat-y;
    width: 900px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #107389;
    line-height: 18px;
}
body.programmation
{
    background-image: url(images/bg_repeat_y_programmation.jpg);
}
body.carte
{
    background-image: url(images/bg_repeat_y_carte.jpg);
}
body.joindre
{
    background-image: url(images/bg_repeat_y_joindre.jpg);
}
body.presse
{
    background-image: url(images/bg_repeat_y_presse.jpg);
}
body.generactions strong
{
    font-weight: normal;
    color: #a3c855;
}
body.bamque_images
{
    background-image: url(images/bg_repeat_y_images.jpg);
}
#wrapper_accueil
{
	height: 1550px;
	position: relative;
}
#wrapper_generations
{
    background-image: url(images/bg_generactions.jpg);
    width: 900px;
    height: 820px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_programmation
{
    background-image: url(images/bg_programmation.jpg);
    width: 900px;
    height: 980px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_partenaires
{
    background-image: url(images/bg_partenaires.jpg);
    width: 900px;
	height: 1150px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_carte
{
    background-image: url(images/bg_cartelieux.jpg);
    width: 900px;
    height: 1340px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_joindre
{
    background-image: url(images/bg_nousjoindre.jpg);
    width: 900px;
    height: 915px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_presse_invitations
{
    background-image: url(images/bg_presse_invitations.jpg);
    width: 900px;
    height: 2331px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_presse_communiques
{
    background-image: url(images/bg_presse_communiques.jpg);
    width: 900px;
    height: 915px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_presse_informations
{
    background-image: url(images/bg_presse_informations.jpg);
    width: 900px;
    height: 915px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_presse_revue
{
    background-image: url(images/bg_presse_revue.jpg);
    width: 900px;
    height: 915px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#wrapper_banque
{
	background-image: url(images/bg_banque_images.jpg);
    width: 900px;
    height: 915px;
    position: relative;
    text-align: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
h1
{
    color: #b3d33f;
    font-size: 24px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    padding-bottom: 15px;
    text-align: center;
    line-height: 39px;
   
}
h2
{
    color: #9cc449;
    font-size: 14px;
}
p
{
    text-align: justify;
}
#lien_accueil
{
    position: absolute;
    top: 170px;
    left: 154px;
    line-height: 24px;
}
#lien_accueil a
{
    display: block;
    background-image: url(images/puce_lien_accueil.jpg);
    padding-left: 15px;
    color: #ffffff;
    text-decoration: none;
    background-position: 0 7px;
    font-weight: bold;
}
#thumbs
{
	position: absolute;
    top: 288px;
    left: 57px;
	width: 215px;
	height: 180px;
}
#thumbs a img
{
	margin: 0;
}
#thumbs a
{
	display: block;
	float: left;
	padding: 5px;
	padding-bottom: 0;
}
#thumbs a:hover
{
	background-color: #ffffff;
}
#lien_accueil a:hover
{
    background-image: url(images/puce_lien_accueil_hover.jpg);
}
#carte_lieux
{
    position: absolute;
    top: 236px;
    left: 82px;
    line-height: 24px;
}
#carte_lieux a
{
    display: block;
    padding-left: 15px;
    color: #ffffff;
    text-decoration: none;
    background-position: 0 7px;
    font-weight: bold;
    font-size: 14px;
}
#carte_lieux a:hover, #carte_lieux a.active
{
    background-image: url(images/bg_carte_lieux_hover.jpg);
}
#menu_presse
{
    position: absolute;
    top: 236px;
    left: 82px;
    line-height: 25px;
}
#menu_presse a
{
    display: block;
    padding-left: 15px;
    color: #ffffff;
    text-decoration: none;
    background-position: 0 7px;
    font-weight: bold;
    font-size: 14px;
}
#menu_presse a:hover, #menu_presse a.active
{
    background-image: url(images/bg_carte_lieux_hover.jpg);
}
#menu_1
{
    position: absolute;
    top: 170px;
    left: 385px;
}
#menu_2
{
    position: absolute;
    top: 208px;
    left: 475px;
}
#menu_2 ul.menu li
{
    padding-left: 14px;
    padding-right: 14px;
}
ul.menu
{
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    font-size: 11px;
}
ul.menu li
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    float: left;
    border-left: 2px #9dd6e5 solid;
    line-height: 24px;
    padding-left: 28px;
    padding-right: 28px;
}
ul.menu li a
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
ul.menu li a:hover, ul.menu li a.active
{
    text-decoration: underline;
}
#contenu
{
    position: absolute;
    left: 355px;
    top: 255px;
    width: 530px;
}
#footer
{
    width: 562px;
    text-align: center;
    font-size: 9px;
	margin:40px 0;
}
#footer ul.menu li
{
    padding-left: 7px;
    padding-right: 7px;
    font-size: 9px;
    line-height: 14px;
    border-left: 1px #2a4c55 solid;
}
#footer ul.menu li a
{
    font-weight: normal;
    color: #475a5e;
}

A{
    color: #08404c;
    text-decoration: none;
}
A:hover{
    text-decoration: none;
}