/******************************/
/*      Cadi Web & Design     */
/* News - Réalisation de CADI */
/*           @_OPS_@          */ 
/*    www.cadi-software.com   */
/******************************/

/* CSS Document */

body {
background-color: #f3f8fa;
font-family		: Arial, Helvetica, Verdana, sans-serif;
color			: #23425e;
font-size		: 12px;
text-align		: justify;
word-spacing	: Normal;
letter-spacing	: 0;
margin			: 0;
}

img {
border			: 0 none;
}

.img_border {
border			: 2px #b4b6c1 solid;
border-left		: 0 none;
border-top		: 0 none;
}

a {
outline			: none;
color			: #050;
text-decoration	: underline;
cursor			: pointer;
}

a.liresuite {
outline			: none;
color			: #050;
text-decoration	: underline;
margin			: 0 8px 0 8px;
}

a.connex {
text-decoration	: none;
outline			: none;
}

a:hover {
text-decoration	: none;
}

a.genda_accueil {
text-decoration	: none;
color			: #000;
cursor			: pointer;
}

a.cadi {
outline			: none;
color			: #0787c5;
text-decoration	: none;
cursor			: pointer;
}

a.cadi:hover {
text-decoration	: underline;
}

ul.cd_agenda_global {
display		: block;
width		: 280px;
list-style	: none;
padding		: 0px 0px 0px 0px;
margin		: 5px 5px 0 5px;
}
ul.cd_agenda_globalII {
display		: block;
list-style	: none;
padding		: 0px 0px 0px 0px;
margin		: 0px 0px 0px 0px;
}

li.cd_agenda_global {
float			: left;
margin-right	: 10px;
width			: 280px;
color			: #0787c5;
}
li.cd_agenda_globalII {
float				: left;
margin-right		: 10px;
width				: 100%;
color				: #0787c5;
}

ul.photos_bureau {
padding	: 0px 0px 0px 0px;
margin	: 0px 0px 0px 0px;
}

ul.photos_bureau li	{
display	: block; 
float	: left; 
padding	: 1px 0px 1px 1px;
}

.hr_decouverte {
width				: 594px;
}

/* Correction marge cadre droit */

.corect_marge {
margin-left		: 6px;
}
* +html .corect_marge {
margin-left		: 9px;
}

.corect_marge_contact {
margin-right		: 0;
}
* +html .corect_marge_contact {
margin-right		: 7px;
}

/* Les fonds corps */

.haut_coprs {
background		: url('/css/img/fond_haut_corps.jpg') repeat-x 0 0px;
height			: 56px;
margin-bottom 	: -56px;
}

.bas_coprs {
background		: url('/css/img/fond_bas_corps.jpg') repeat-x 0 0px;
height			: 76px;
margin-top 		: -76px;
position		: relative;
z-index			: -1;
}

/* Les fonds */

.head {
background		: url('/css/img/fond_head.jpg') repeat-x 0 0px;
height			: 248px;
padding-top		: 4px;
}

.footer {
background		: url('/css/img/fond_footer.jpg') repeat-x 0 0px;
height			: 50px;
}

.mairie {
background-color: #09F;
color			: #FFF;
padding			: 2px;
}

/* Cadres */

.cd_principal_haut {
background		: url('/css/img/haut_fond.png') no-repeat 0 0px;
height			: 24px;
position		: relative;
z-index			: 2;
}

.cd_principal {
background		: url('/css/img/milieu_fond.png') repeat-y 0 0px;

}

.cd_principal_bas {
background		: url('/css/img/bas_fond.png') no-repeat 0 0px;
height			: 24px;
position		: relative;
z-index			: 2;
}

.mairie_h {
background		: url('/css/img/fond_haut_mairie.png') no-repeat 0 0px;
width			: 306px;
height			: 34px;
font-size		: 18px;
font-weight		: bold;
padding			: 5px 0 0 10px;
margin			: 0 0 -5px 5px;
}

.cd_droit_haut {
background		: url('/css/img/fond_haut_cdd.png') no-repeat 0 0px;
width			: 306px;
height			: 34px;
font-size		: 18px;
font-weight		: bold;
padding			: 5px 0 0 10px;
margin			: 0 0 -5px 5px;
}

.cd_droit_milieu {
background		: url('/css/img/fond_milieu_cdd.png') repeat-y 0 0px;
width			: 306px;
padding-top		: 5px;
margin-left		: 5px;
}
.cd_droit_milieuI {
background		: url('/css/img/fond_milieu_cdd.png') repeat-y 0 0px;
width			: 306px;
padding			: 0 0 0 8px;
margin-left		: 5px;
}

.cd_droit_bas {
background		: url('/css/img/fond_bas_cdd.png') no-repeat 0 0px;
width			: 306px;
height			: 8px;
margin			: 0 0 0 5px;
}

.cd_newsletter {
background		: url('/css/img/fond_newsletter.png') no-repeat 0 0px;
width			: 304px;
height			: 93px;
color			: #f3f8fa;
font-size		: 18px;
margin			: 20px 0 20px 5px;
}
.block_newsl {
margin-left		: 65px;
padding-top		: 15px;
}

.block_act {
display		: block;
width		: 596px;
margin-left	: 20px;
}
.block_act_txt {
display		: block;
width		: 280px;
margin		: 5px 5px 0 5px;
}
#block_act_txt {
text-align	: justify;
}
block_act_txtI {
text-align	: justify;
}

.block_contact {
width		: 596px;
margin-left	: 20px;
}

.block_hebergement {
display		: block;
width		: 270px;
}

.fond_hebergement {
background		: url('/css/img/fond_hebergement.png') no-repeat 0 0px;
width			: 300px;
height			: 430px;
float			: left;
display			: block;
padding			: 14px 0 15px 15px;
margin			: 0;
}

.fond_hebergementI {
background		: url('/css/img/fond_hebergementI.png') no-repeat 0 0px;
width			: 300px;
height			: 288px;
float			: left;
display			: block;
padding			: 14px 0 15px 15px;
margin			: 0;
}

.fond_hebergementII {
background		: url('/css/img/fond_hebergementII.png') no-repeat 0 0px;
width			: 300px;
height			: 500px;
float			: left;
display			: block;
padding			: 14px 0 15px 15px;
margin			: 0;
}

.cadre_photos_bureau {
float			: left;
width 			: 85px;
height			: 100px;
border			: #576f85 1px solid;
border-right	: 0 none;
padding			: 5px 5px 10px 10px;
}

.cadre_photos_bureau_droite {
width 			: 115px;
height 			: 100px;
border			: #576f85 1px solid;
border-left		: 0 none;
padding			: 10px 5px 5px 0;
margin			: 0 10px 10px 0;
font-size		: 11px;
text-align		: left;
float			: right;
}
* +html .cadre_photos_bureau_droite {
width 			: 112px;
height 			: 100px;
border			: #576f85 1px solid;
border-left		: 0 none;
padding			: 10px 5px 5px 0;
margin			: 0 10px 10px 0;
font-size		: 11px;
text-align		: left;
float			: none;
}

.cadre_reucpt {
border			: #576f85 1px solid;
width			: 585px;
padding			: 5px;
}
* +html .cadre_reucpt {
border			: #576f85 1px solid;
width			: 585px;
padding			: 0 5px 0 5px;
}
.cadre_reucptI {
border			: #576f85 1px solid;
padding			: 5px;
margin-top		: 15px;
}

/* Textes */

.t_presentation {
color			: #0787c5;
font-size		: 12px;
text-align		: justify;
width			: 593px;
margin-left		: 20px;
}

/* Titres */

.t_titre {
font-size		: 18px;
margin-left		: 20px;
}

.t_titreic {
font-size		: 18px;
margin			: 5px 0 22px 90px;
}
.t_titreicI {
font-size		: 18px;
margin			: 10px 0 22px 90px;
}
.t_titreicII {
font-size		: 18px;
margin			: 10px 0 22px 0;
float			: left;
}

.t_titrecal {
font-size		: 18px;
margin-left		: 70px;
}

.t_titred {
font-size		: 18px;
}

.titre_decouverte {
font-size		: 14px;
color			: #800080;
font-weight		: bold;
}

.titre_decouverteII {
font-size		: 14px;
color			: #000080;
font-weight		: bold;
}

.titre_agenda {
font-size			: 18px;
word-spacing		: Normal;
letter-spacing		: 0;
color				: #e5732f;
margin-top			: 20px;
height				: 50px;
font-weight			: bold;
}
.titre_agendapt {
font-size			: 14px;
word-spacing		: Normal;
letter-spacing		: 0;
color				: #e5732f;
margin-top			: 20px;
height				: 50px;
font-weight			: bold;
}

.titre_hebergement {
font-size			: 16px;
word-spacing		: Normal;
letter-spacing		: 0;
color				: #fc7803;
margin-bottom		: 12px;
}
.titre_hebergementII {
font-size			: 14px;
word-spacing		: Normal;
letter-spacing		: 0;
color				: #FFF;
margin-bottom		: 16px;
}
.titre_hebergementIII {
color				: #0787c5;
}
.titre_hebergementIV {
font-size			: 16px;
word-spacing		: Normal;
letter-spacing		: 0;
color				: #fc7803;
margin				: 30px 0px 12px 0px;
}

.agenda_fond_eve {
background-color: #ff9000;
display			: block;
}

.lien_evenementiel {
float		: right;
z-index		: 100;
margin-right: 10px;
font-size	: 12px;
}

/* Pagination Alignement */

.pagin_align {
text-align	: right;
font-size	: 12px;
margin-top	: 10px;
position	: relative;
z-index		: 100;
}

/* Séparations */

.seperate_elu {
margin	: 15px 0 15px 0;
}

.seperate_hg {
background		: url('/css/img/trait_seperate.jpg') no-repeat 0 0px;
height			: 1px;
width			: 585px;
margin			: 0 0 15px 24px;
}

.seperate_hgI {
background		: url('/css/img/trait_seperate.jpg') no-repeat top left;
height			: 16px;
width			: 585px;
margin			: 0 0 0 21px;
}
* +html .seperate_hgI {
background		: url('/css/img/trait_seperate.jpg') no-repeat top left;
height			: 16px;
width			: 585px;
margin			: 16px 0 0 21px;
}

.seperate_pt {
background		: url('/css/img/trait_seperate_pt.png') no-repeat 0 0px;
height			: 2px;
width			: 264px;
margin			: 14px 0 5px 16px;
}

.seperate_vert_actu {
height			: 100%;
border-left		: 1px #576f85 solid;
padding-left	: 8px;
}

.seperate_vert_actuI {
height			: 100%;
border-right	: 1px #576f85 solid;
padding-right	: 8px;
}

.seperate_vert {
background		: url('/css/img/vert_seperate.jpg') no-repeat 0 0px;
height			: 134px;
width			: 1px;
}

/* Textarea-Balises-etc ... */

.input_news {
width			: 150px;
height			: 18px;
background-color: #f3f8fa;
border			: 0 none;
margin-top		: 10px;
}

.input_contact {
height			: 16px;
background-color: #f3f8fa;
}

/* Boutons */

a.bouton,
button.bouton {
display			: inline-block;
margin			: 9px 0 0 8px;
padding			: 0;
white-space		: nowrap;
text-align		: center;
vertical-align	: middle;
cursor			: pointer;
border			: 0;
background		: none;
font-weight		: bold;
overflow		: visible;
}

a.bouton span,
button.bouton span {
position		: relative;
float			: left;
padding			: 0 0 0 14px;
vertical-align	: middle;
background		: url('/css/bt/bt_g.png') left top no-repeat;
}

a.bouton span span,
button.bouton span span {
padding		: 0 14px 0 0;
background	: url('/css/bt/bt_d.png') right top no-repeat;
}

a.bouton span span span,
button.bouton span span span {
height		: 19px;
padding		: 0;
line-height	: 19px;
background	: url('/css/bt/bt.png') left top repeat-x;
}

/* #################### */
/* Boutons indépendants du JQuery */

a.btmodal,
button.btmodal {
display			: inline-block;
margin			: 9px 0 0 8px;
padding			: 0;
white-space		: nowrap;
text-align		: center;
vertical-align	: middle;
cursor			: pointer;
border			: 0;
background		: none;
font-weight		: bold;
overflow		: visible;
}

a.btmodal span,
button.btmodal span {
position		: relative;
float			: left;
padding			: 0 0 0 14px;
vertical-align	: middle;
background		: url('/css/bt/bt_g.png') left top no-repeat;
}

a.btmodal span span,
button.btmodal span span {
padding		: 0 14px 0 0;
background	: url('/css/bt/bt_d.png') right top no-repeat;
}

a.btmodal span span span,
button.btmodal span span span {
height		: 19px;
padding		: 0;
line-height	: 19px;
background	: url('/css/bt/bt.png') left top repeat-x;
}

/* Flash position */

.decal {
margin-top: -57px;
}
* +html .decal {
margin-top: -60px;
}