
/* Style Global du site Desbenoit.net */

/*(c) 2008 - Sébastien Desbenoit */

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.86em;
background : #e1e1e1 url(../img/fond.jpg) top left repeat-x;
line-height:1em;
}

a {
text-decoration:none;
color:#2a6ebb;
}

a img {
border:none;
text-decoration:none;
}

/* Calques de construction globaux */ 
#container {
position:absolute;
left:50%;
margin-top: 0px;
margin-left:-490px;
width	: 980px;
min-height: 600px;
background : transparent url(../img/container.jpg) top left repeat-y;
}

#entete {
position:relative;
margin-top: 0px;
width	: 100%;
height: 360px;
min-height: 360px;
_height:360px;
overflow : none;
}

#entete.b1 {
background : transparent url(../img/haut_fjvld.jpg) top left no-repeat;
}
#entete.b2 {
background : transparent url(../img/haut_fjt.jpg) top left no-repeat;
}
#entete.b3 {
background : transparent url(../img/haut_fjt.jpg) top left no-repeat;
}





#contenu {
position:relative;
margin-top: 0px;
margin-left:30px;
min-height: 250px;
_height:250px;
width:900px;
line-height:1.2em;
background : transparent;
}


#pied {
margin-top: 10px;
width	: 100%;
height: 127px;
min-height: 127px;
_height:127px;
overflow : none;
text-align:center;
color:#999;
font-size:0.84em;
background : transparent url(../img/pied.jpg) top left no-repeat;
}

#pied a {
color:#888;
}

#pied a:hover {
color:#333;
text-decoration:underline;
}



div.texte{
position:relative;
width:870px;
line-height:1.2em;
}


.spip_out{
color:#2a6ebb;
}

.spip_out:hover{
color:#2a6ebb;
text-decoration:underline;
}


/* Gestion du menu  */
#menu_principal {
margin-top:20px;
margin-left:60px;
}

#menu_principal_v2 {
margin-top:20px;
margin-left:60px;
}

.menu {
margin-right:25px;
}

#menu_decouvrir {
margin-left:50px;
}

.ssmenu {
position:relative;
margin-top: 5px;
padding-top: 5px;
margin-left:30px;
min-height: 50px;
_height:50px;
width:900px;
border-top: 1px solid #7cc242;
}

#ssmenu_devenir a {
margin-left:9px;
margin-right:22px;
}

#ssmenu_decouvrir a {
margin-left:72px;
margin-right:70px;
}

#desvies{
position:absolute;
top:132px;
left:710px;
z-index:10;
}

#desvies_v2{
position:absolute;
top:252px;
left:690px;
z-index:10;
}



/* Gestion du formulaire */
.formulaire_spip
{
width:100%;
}

.formulaire_spip.encart
{
margin:0;
}

.formulaire_spip fieldset {
border:none;
margin : 0;
padding-top:10px;
margin-top:20px;
width : 400px;
z-index:100;
overflow:auto;
}

.formulaire_spip legend {
font-size:1.2em;
color:#a41d3b;
}

p.reponse_formulaire {
position:relative;
float:right;
border:none;
margin : 0;
width:450px;
font-size:0.86em;
margin-left: 60px;
line-height:1.5em;
}

.reponse_formulaire b{
font-weight:bold;
font-size:1.2em;
}

fieldset.previsu{
display:block;
position:relative;
float:right;
top:-115px;
}

fieldset label {
display:inline-block;
width:160px;
}

fieldset textarea {
vertical-align:top;
height:150px;
width:367px;
}

.spip_documents {
width:400px;
height:auto;
padding:5px;
}

span.spip_documents_left {
padding-right:15px;
}

.spip_documents_left img {
width:400px;
height:auto;
}

span.spip_documents_right {
width:230px;
padding-left:15px;
border-left:1px solid #ecac00;
margin-left:15px;
}



/* Page d'accueil */
#a_droite {
position:relative;
float:right;
width:250px;
min-height:600px;
overflow:auto;
margin-right:53px;
font-size:0.90em;
margin-top:20px;
}


#a_droite a{
color:#444;
}

#a_droite p{
margin-top:0;
margin-bottom:0;
}

#a_droite a:hover{
color:#333;
}

#a_droite p a{
color:#444;
}

#a_droite p a:hover{
text-decoration:underline;
}

#a_droite small {
display:block;
padding-top:10px;
color:#7cc242;
}

#a_droite a:hover small{
text-decoration:underline;
}

#faq {
background:#fff url(../img/faq.jpg) no-repeat top left;
padding-bottom:20px;
border-bottom:1px solid #DDD;
margin-bottom:20px;
}
#faq:hover {
background:#fff url(../img/faq-h.jpg) no-repeat top left;
}

#contacter {
background:#fff url(../img/contacter.jpg) no-repeat top left;
padding-bottom:20px;
border-bottom:1px solid #DDD;
margin-bottom:20px;
}
#contacter:hover {
background:#fff url(../img/contacter-h.jpg) no-repeat top left;
}

#calendrier {
background:#fff url(../img/calendrier.jpg) no-repeat top left;
padding-bottom:20px;
border-bottom:1px solid #DDD;
margin-bottom:20px;
}
#calendrier:hover {
background:#fff url(../img/calendrier-h.jpg) no-repeat top left;
}

#brochure {
background:#fff url(../img/brochure.jpg) no-repeat top left;
padding-bottom:20px;
border-bottom:1px solid #DDD;
margin-bottom:20px;
}

#brochure:hover {
background:#fff url(../img/brochure-h.jpg) no-repeat top left;
}

#priere {
background:#fff url(../img/priere.jpg) no-repeat top left;
padding-bottom:20px;
border-bottom:1px solid #DDD;
margin-bottom:20px;
}
#priere:hover {
background:#fff url(../img/priere-h.jpg) no-repeat top left;
}

#lasalle {
background:#fff url(../img/lasallefrance.jpg) no-repeat top left;
padding-bottom:20px;
margin-bottom:20px;
}
#lasalle:hover {
background:#fff url(../img/lasallefrance-h.jpg) no-repeat top left;
}

#saints {
background:#fff url(../img/saints.jpg) no-repeat top left;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #DDD;
}
#saints:hover {
background:#fff url(../img/saints-h.jpg) no-repeat top left;
}



/* A gauche */
#flash{
padding-left:37px;
width:390px;
margin-bottom:50px;
}

#actualites {
width:613px;
margin-top:20px;
margin-bottom:50px;
padding-left:37px;
overflow:auto;
}

#actualites h2{
width:370px;
font-size:1.1em;
padding:0;
padding-left:15px;
font-weight:bold;
color:#333333;
margin-bottom:0px;
}

#actualites p {
width:360px;
font-size:0.90em;
padding-left:15px;
margin:0px;
margin-top:5px;
color:#444444;
}

#actualites img{
margin-left:7px;
}

#actualites a{
color:#2a6ebb;
}

#actualites a:hover{
text-decoration:underline;
}

#actualites h1{
width:390px;
border-bottom:1px solid #DDDDDD;
margin-bottom:10px;
font-size:1.3em;
}

em{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
line-height:1.3em;
font-stretch:semi-expanded;
padding-bottom:4px;
display:block;
margin-left:-20px;
padding:5px;
padding-bottom:20px;
margin-bottom:-10px;
background:url(../img/em.jpg) bottom right no-repeat #eee;
}


/* Mise en page des articles */
.column{
text-align:justify;
}

.last{
margin-left:15px;
padding-left:15px;
border-left:1px solid #DDD;
}

/* Balises globales de mise en formes */

h1.titre  {
font-size:2.2em;
color:#2a6ebb;
margin:0px;
line-height:1.2em;
font-weight:normal;
width:auto;
margin-top:10px;
}

h2 {
font-size:1.3em;
color:#ffa12d;
margin:0px;
line-height:1.2em;
font-weight:normal;
margin-bottom:30px;
}

h3 {
clear:both;
color : #7CC242;
font-size:1.1em;
margin:5px 15px;
}

#text {
margin-top:10px;
}


p {
font-size:0.86em;
line-height:1.2em;
}

li {
margin-left:10px;
}

#text p{
margin-top:0;}

img.spip_logos {
margin-right:10px;
}

#actualites img.spip_logos {
margin-right:0px;
}

ul#article1 {
margin:0px;
padding:0px;
list-style:none;
}

ul#article1 li{
margin:0px;
padding:0px;
margin-bottom:10px;
list-style:none;
}

ul#article1 li h3{
color:#2a6ebb;
font-size:0.90em;
}

ul#article1 li h3:hover{
text-decoration:underline;
}

ul#article1 li.active h3{
color:#2a6ebb;
font-size:1.1em;
}

ul#article1 li.active h3.spip{
color:#7cc242;
}

ul#article1 li.active h3:hover{
text-decoration:none;
}

.texte img {
margin:0px 0px;
padding:0px;}

.spip_documents img {
height:auto;
}

.spip_documents dt,dd{
display:block;
width:410px;
min-width:410px;
margin:0px;
padding:0px;
position:relative;
float:left;
text-align:left;
font-size:0.86em;
}




