/****************************************************************************
/* main.css
/* Digital Garden
/* Novembre 2009
*****************************************************************************/

/****************************************************************************
/* initialisation
*****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none; color:#000000}

p{margin:0 0 5px 0}

/****************************************************************************
/* misc
*****************************************************************************/
.clearer{clear:both; height:0}
a.plus{background:url(../images/design2009/picto_plus.gif) no-repeat; padding:0 0 0 20px; color:#000000; font-weight:normal}
a.plus_modal{background:url(../images/design2009/picto_plus.gif) no-repeat; padding:0 0 0 20px; color:#000000; font-weight:normal}
a.plus_carnet{background:url(../images/design2009/picto_plus.gif) no-repeat; padding:0 0 0 20px; color:#000000; font-weight:normal}
a.plus_photos{background:url(../images/design2009/picto_plus.gif) no-repeat; padding:0 0 0 20px; color:#000000; font-weight:normal}
.plus_popup a{background:url(../images/design2009/picto_plus.gif) no-repeat; padding:0 0 0 20px; color:#000000; font-weight:normal}
a.right{float:right; margin-top:6px;}

/* Medias */
.media table{padding:0; margin:0; background:#ffffff}
.media table.right{float:right; margin:0 0 8px 8px;}
.media table.left{float:left; margin:0 8px 8px 0;}
.media table .tl{background:url(../images/design2009/media-tl.gif) no-repeat ; width:6px; height:6px}
.media table .t{background:url(../images/design2009/media-t.gif) repeat-x ; height:6px}
.media table .tr{background:url(../images/design2009/media-tr.gif) no-repeat ; width:6px; height:6px}
.media table .l{background:url(../images/design2009/media-l.gif) repeat-y ; width:6px}
.media table .bl{background:url(../images/design2009/media-bl.gif) no-repeat ; width:6px; height:6px}
.media table .r{background:url(../images/design2009/media-r.gif) repeat-y ; width:6px}
.media table .br{background:url(../images/design2009/media-br.gif) no-repeat; width:6px; height:6px}
.media table .b{background:url(../images/design2009/media-b.gif) repeat-x ; height:6px}

.media-grey table{padding:0; margin:0; background:#FFFFFF}
.media-grey table.right{float:right; margin:0 0 8px 8px;}
.media-grey table.left{float:left; margin:0 8px 8px 0;}
.media-grey table .tl{background:url(../images/design2009/media-grey-tl.gif) no-repeat ; width:6px; height:6px}
.media-grey table .t{background:url(../images/design2009/media-grey-t.gif) repeat-x ; height:6px}
.media-grey table .tr{background:url(../images/design2009/media-grey-tr.gif) no-repeat ; width:6px; height:6px}
.media-grey table .l{background:url(../images/design2009/media-grey-l.gif) repeat-y ; width:6px}
.media-grey table .bl{background:url(../images/design2009/media-grey-bl.gif) no-repeat ; width:6px; height:6px}
.media-grey table .r{background:url(../images/design2009/media-grey-r.gif) repeat-y ; width:6px}
.media-grey table .br{background:url(../images/design2009/media-grey-br.gif) no-repeat; width:6px; height:6px}
.media-grey table .b{background:url(../images/design2009/media-grey-b.gif) repeat-x ; height:6px}

.media-transparent table{padding:0; margin:0; background:#FFFFFF}
.media-transparent table.right{float:right; margin:0 0 8px 8px;}
.media-transparent table.left{float:left; margin:0 8px 8px 0;}
.media-transparent table .tl{background:url(../images/design2009/media-tl.png) no-repeat ; width:6px; height:6px}
.media-transparent table .t{background:url(../images/design2009/media-t.png) repeat-x ; height:6px}
.media-transparent table .tr{background:url(../images/design2009/media-tr.png) no-repeat ; width:6px; height:6px}
.media-transparent table .l{background:url(../images/design2009/media-l.png) repeat-y ; width:6px}
.media-transparent table .bl{background:url(../images/design2009/media-bl.png) no-repeat ; width:6px; height:6px}
.media-transparent table .r{background:url(../images/design2009/media-r.png) repeat-y ; width:6px}
.media-transparent table .br{background:url(../images/design2009/media-br.png) no-repeat; width:6px; height:6px}
.media-transparent table .b{background:url(../images/design2009/media-b.png) repeat-x ; height:6px}

/****************************************************************************
/* main
*****************************************************************************/
body{width:100%; background:#f6f5e9 url(../images/design2009/body-bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.container{width:958px; margin:0 auto; position:relative }
.mainpage{width:958px; float:left; background:url(../images/design2009/container-bg.png) repeat-y; position:relative;}
.mainpage-bottom{float:left;width:958px; height:4px; background:url(../images/design2009/mainpage-bottom.png) no-repeat;}

.footer{float:left; width:950px; margin:0 4px}
.footer .footernav{background:url(../images/design2009/footernav-bottom.jpg) no-repeat bottom; padding:0 0 12px 0; margin:0 0 10px 0}
.footer .footernav ul{margin:11px 0 0 0; text-align:center}
.footer .footernav ul li{border-right:1px solid #979087; display:inline}
.footer .footernav ul li.last{border:none}
.footer .footernav ul li a{color:#979087; font-size:12px; padding:0 11px;}
.footer .footernav ul li a:hover{text-decoration:underline}
.footer .footernav ul li.last a{padding-right:0}

/****************************************************************************
/* form
*****************************************************************************/
form {font-size:11px}
form .submit{width:107px; height:35px; background:url(../images/design2009/input-bg.gif) no-repeat; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; font-size:11px}
form .bouton{width:107px; height:35px; background:url(../images/design2009/input-bg.gif) no-repeat; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; font-size:11px}
form .authentification .boutonform{width:107px; height:35px; background:url(../images/design2009/input-bg.gif) no-repeat; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; font-size:11px}
form .form_doc .boutonform{ height:35px; background:url(../images/design2009/m_input-bg.jpg) repeat-x; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; font-size:11px}
form .form_newsle .boutonform{ height:35px; background:url(../images/design2009/m_input-bg.jpg) repeat-x; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; font-size:11px}
form .form_contact .boutonform{ height:35px; background:url(../images/design2009/m_input-bg.jpg) repeat-x; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; font-size:11px}
form .form_envoi_ami .boutonform{ height:35px; background:url(../images/design2009/m_input-bg.jpg) repeat-x; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; font-size:11px}
form .form_prest .boutonform{ height:35px; background:url(../images/design2009/m_input-bg.jpg) repeat-x; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; font-size:11px}
form .grey{background:url(../images/design2009/input-grey-bg.gif) no-repeat;}
form a{color:#000000}
form a:hover{text-decoration:underline}

.zoneform{
color:#57514a;
font-size:12px;
border: 1px solid #e4e4e4;
}

.zoneform-oblig{
color:#57514a;
font-size:12px;
border-top: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
border-left: 4px solid #cc0000;
}

.lien_ajout_carnet{
font-size:12px;
}

.lien_fond-ecrans a:link{
color:#ffffff;
}

.lien_fond-ecrans a:visited{
color:#ffffff;
}

.lien_fond-ecrans a:hover{
color:#e4e4e4;
}

.meteo_et_maree:link{
position:absolute; 
height:132px; 
width:250px;
z-index:50;
background:#000000;
filter : alpha(opacity=0); 
-moz-opacity : 0; 
opacity : 0; 
}

.meteo_et_maree:visited{
position:absolute; 
height:70px; 
width:250px;
overflow:hidden;
background:#000000;
filter : alpha(opacity=0); 
-moz-opacity : 0; 
opacity : 0; 

}

.meteo_et_maree:hover{
position:absolute; 
height:132px; 
width:250px;
background:#000000;
filter : alpha(opacity=0); 
-moz-opacity : 0; 
opacity : 0; 
}

.telecharger{
padding-top:10px;
}

a img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}

a img:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

a.lien_ON:link {
	color: #000;
	text-decoration:underline;
}
a.lien_ON:visited {
	color: #000;
	text-decoration:underline;
}
a.lien_ON:hover {
	color: #000;
	text-decoration:none;
}

a.lien_OFF:link {
	display:none;
	text-decoration:underline;
}
a.lien_OFF:visited {
	display:none;
	text-decoration:underline;
}
a.lien_OFF:hover {
	display:none;
	text-decoration:none;
}

a.lien_annuaire:link {
	color: #000;
	text-decoration:underline;
}
a.lien_annuaire:visited {
	color: #000;
	text-decoration:underline;
}
a.lien_annuaire:hover {
	color: #000;
	text-decoration:none;
}
hr.separateur {
	border:1px solid #000;
	width:50%;
}


/* Formulaire de demande de doc deb */
#styles_brochures{
width:100%;
}

#styles_brochures tr td{
padding-bottom:5px;
padding-right:5px;
}

#styles_brochures tr td img{
padding-bottom:5px;
}

/* Formulaire de demande de doc fin */

.addthis_default_style .at300b, .addthis_default_style .at300m{
padding:0 2px !important;
}