body {
margin: 0;
padding: 0;
background-color: #5C5C5C;
background-image:url(../media/site/bg.jpg);
font-family: verdana, arial, Gill, sans-serif;
font-size: 11px;
leftmargin:0;
topmargin:0;
marginheight:0;
marginwidth:0;
color:#FFFFFF;
}

p{font-size: 11px; margin-top: 0px; margin-bottom: 11px; margin-left: 0px; margin-right: 0px;}

td{}

li{}


h1 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-size: 24px; margin-top: 0px; margin-bottom: 8px; margin-left: 0px; margin-right: 0px; font-weight: bold;}
h2 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-size: 18px; margin-top: 0px; margin-bottom: 7px; margin-left: 0px; margin-right: 0px;font-weight: bold;}
h3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-size: 16px; margin-top: 0px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px;font-weight: bold;}
h4 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-size: 14px; margin-top: 0px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px;font-weight: bold;}
h5 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-size: 12px; margin-top: 0px; margin-bottom: 4px; margin-left: 0px; margin-right: 0px;font-weight: bold;}
h6 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-size: 11px; margin-top: 0px; margin-bottom: 3px; margin-left: 0px; margin-right: 0px;font-weight: bold;}

em {}

a:link {color: #ffffff; text-decoration: none;}
a:visited {color: #ffffff; text-decoration: none;}
a:hover {color: #CA4A0D; text-decoration: none;}
a:active {color: #CA4A0D; text-decoration: none;}

.int {background-color: #ffffff; padding:3px;}
a.int:link {color: #808080; text-decoration: none;}
a.int:visited {color: #808080; text-decoration: none;}
a.int:hover {color: #CA4A0D; text-decoration: none;}
a.int:active {color: #CA4A0D; text-decoration: none;}
a.int_a:link {color: #1E4E66; text-decoration: none; font-weight: 700;}
a.int_a:visited {color: #1E4E66; text-decoration: none; font-weight: 700;}
a.int_a:hover {color: #ff0000; text-decoration: none; font-weight: 700;}
a.int_a:active {color: #000000; text-decoration: none; font-weight: 700;}

.menug {margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px;}
a.menug:link {color: #ffffff; text-decoration: none; font-weight: 700;}
a.menug:visited {color: #ffffff; text-decoration: none; font-weight: 700;}
a.menug:hover {color: #1E4E66; text-decoration: none; font-weight: 700;}
a.menug:active {color: #000000; text-decoration: none; font-weight: 700;}

.titre_press {color: #FFFFFF; text-decoration: none; margin-top: 1px; margin-left: 10px; margin-bottom: 7px; margin-right: 10px;}
a.titre_press:link {color: #CA4A0D; text-decoration: none;}
a.titre_press:visited {color: #CA4A0D; text-decoration: none;}
a.titre_press:hover {color: #CA4A0D; text-decoration: none;}
a.titre_press:active {color: #CA4A0D; text-decoration: none;}

.article {/*background-color: #EAE9EE;*/font-size: 10px; color: #ffffff; text-decoration: none; margin-top: 0px; margin-bottom: 5px; line-height: 12px;}
a.article:link {color: #ffffff; text-decoration: none;}
a.article:visited {color: #ffffff; text-decoration: none;}
a.article:hover {color: #CA4A0D; text-decoration: none;}
a.article:active {color: #CA4A0D; text-decoration: none;}

.breve1 {background-color: #D5DAEE;font-size: 11px; color: #000000; font-weight: 700; text-decoration: none;}
a.breve1:link {color: #ffffff;text-decoration: none;}
a.breve1:visited {color: #ffffff;text-decoration: none;}
a.breve1:hover {color: #CA4A0D;text-decoration: none;}
a.breve1:active {color: #CA4A0D;text-decoration: none;}
.breve {font-size: 11px; color: #cccccc; font-weight: normal; text-decoration: none;}
a.breve:link {color: #ccc;text-decoration: none;}
a.breve:visited {color: #ccc;text-decoration: none;}
a.breve:hover {color: #CA4A0D;text-decoration: none;}
a.breve:active {color: #CA4A0D;text-decoration: none;}

.projet {font-size: 11px; color: #09043A; text-decoration: none;}
a.projet:link {color: #09043A;text-decoration: none;}
a.projet:visited {color: #09043A;text-decoration: none;}
a.projet:hover {color: #CA4A0D;text-decoration: none;}
a.projet:active {color: #CA4A0D;text-decoration: none;}

.aide {font-size: 9px; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px;}
a.aide:link {color: #333; text-decoration: none; margin: 0px; padding: 0px;}
a.aide:visited {color: #333; text-decoration: none; margin: 0px; padding: 0px;}
a.aide:hover {color: #fff; text-decoration: none; margin: 0px; padding: 0px;}
a.aide:active {color: #fff; text-decoration: none; margin: 0px; padding: 0px;}

.date {font-size: 9px; font-weight: 700; color: gray; margin-left: 7 px; margin-right: 4 px;}
.date1 {font-size: 9px; font-weight: 700; color: black; margin-left: 7 px; margin-right: 4 px;}
.int_date {font-size: 9px; font-weight: 700; color: #258CCB; margin-left: 10 px; margin-right: 4 px;}

input {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #282425; background-color: silver;}

textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #282425; background-color: silver;}

select {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: silver; font-size: 11px; color: #282425;}

.radio {color: #ffffff;}
img.bord0{border-color:silver;}
img.bord1{border-color:#CA4A0D;}
img.accueil{float: left;border-style: none; margin: 0px 0px 0px 0px;}
img.wob-mr{float: right;border-style: none; margin: 0px 0px 0px 0px;}
img.lien{border-style: none; margin: 0px 3px 0px 0px; padding: 2px 0px 0px 0px;}
img.lien1{border-style: none; margin: 0px 3px 0px 17px; padding: 2px 0px 0px 0px;}
img.lien2{border-style: none; margin: 0px 3px 0px 34px; padding: 2px 0px 0px 0px;}

.BG_press_txt {background-color: #808080;}
.BG_press_photo {background-color: #808080;}
.BG_press_audio {background-color: #808080;}
.BG_press_video	{background-color: #808080;}
.BG_press_contact {background-color:#808080;}
.cat_press {
   margin: 0px 0px 0px 0px;
   background-color: #000;
   color: white;
   padding: 10px 10px 10px 10px;
}

.babord {color: silver; font-size: 10px; text-decoration: none; font-weight: 700;}
.tribord {color: #BFE7E5; font-size: 10px; text-decoration: none; font-weight: 700;}

.pair{background-color: #FFFFFF;color: #000000;}
.impair{background-color: #EBF1E7;color: #000000;}

.white {color: #ffffff; text-decoration: none;}
.ecume {color: #070038; text-decoration: none;}
.vague {color: #8CB8E3; text-decoration: none;}
.ocean {color: gray; text-decoration: none;}/*background-color: #5E0406;*/
.abyss {color: #8CB8E3; background-color: #333;text-decoration: none;}
.bg {color: #070038; text-decoration: none;}
.phare {color: #C44C53; text-decoration: none;}


.nav {color: #ffffff; background-color: #CA4A0D; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
.mer {background-color: silver;}
.articles {/*background-color: #EBEAEF;*/}
.press {background-color: silver; color: #1E4E66;}
.event {margin-top: 0px; margin-bottom: 5px; margin-left: 10px; margin-right: 0px;}
.event_fixe {background-color: #1A77B0; margin-top: 0px; margin-bottom: 10px; margin-left: 10px; margin-right: 0px;}
.conseil {background-color: #34B9D4;}
.agence {background-color: #696178;}
.newsletter {background-color: #D3C770;}
.vignette {margin: 0px 0px 0px 0px; background-color: #000; color: white; padding: 0px;align: center; vertical-align:middle;}
.cat {margin: 0px 0px 0px 0px; background-color: #fff; color: black; padding: 10px 10px 10px 10px;}
.cat_newsletter {margin: 0px 0px 0px 0px; background-color: #070038; color: white; padding: 10px 10px 10px 10px;}
.cat_conseil {margin: 0px 0px 0px 0px; background-color: #34B9D4; color: white; padding: 10px 10px 10px 10px;}
.cat1 {font-size: 8px; font-weight: 700; color: #206A82; margin-left: 1 px; margin-right: 1 px;}

pre.team {text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ; font-size: 10px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;font-weight: bold;}

/* projet */
.projet {color: #CA4A0D; text-decoration: none;}
.projet_ {color: #CA4A0D; text-decoration: none;}
.projet0_ {background: #0055A5; text-decoration: none; padding:6px;}


.titrebreves {background-color: #CA4A0D; padding:2px 5px 2px 10px; margin:0 10px 0 0; width:235px;}
.titrenews {margin-top: 2px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}

.on	{overflow:hidden;white-space:nowrap;
display: block;background-color: #808080; color:#FFFFFF; margin: 0; padding: 0;}
.off {background-color: gray; margin: 0px; padding: 0px;}

#menualbumdiv {overflow:hidden;white-space:nowrap;}

.copy {font-size: 9px; text-decoration: none; font-weight: normal; color: #F7F7F7; margin-top: 5px; margin-bottom: 3px; margin-left: 10px; margin-right: 10px;}

.tof {font-size: 9px; text-decoration: none; font-weight: normal; color: #999999; margin-top: 5px; margin-bottom: 3px; margin-left: 0px; margin-right: 0px;}
.legende {font-size: 11px; font-style: bold; color: #8F8F8F;}

#menualbumdiv {
margin: 0;
padding: 0;
width: 245px;
height:360px;
overflow-y:scroll;
}
#menualbum {
list-style-type: none;
margin: 0 0 0 4px;
padding: 0;
width: 220px;
height:350px;
border: #4A4A4A 1px solid;
}

.menutof {
overflow:hidden;
white-space:nowrap;

display: block;
list-style-type: none;
margin: 0 0 0 4px;
padding: 0;
border-bottom: #4A4A4A 1px solid;
border-left: #4A4A4A 1px solid;
}
.menutof a {
display: block;
height: 12px;
font-family: verdana,helvetica,"Trebuchet MS",Gill,arial,sans-serif;
font-size: 11px;
font-weight: bold;
/*background-color: gray;*/
text-align: left;
color: #ff;
text-decoration: none;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
}
.menutof a:link, .menutof a:visited {
display: block;
border-top: 0px solid #cecece;
border-bottom: 1px solid #cecece;
border-left: 0px solid #cecece;
border-right: 1px solid #ff;
/*color: gray;*/
margin: 0 0 0 0px;
padding: 0 0 0 4px;
}
.menutof a:hover {
display: block;
border-top: 1px solid #cecece;
border-bottom: 0px solid #cecece;
border-left: 0px solid #cecece;
border-right: 0px solid #cecece;
background-color: #F4F3F0;
margin: 0 0 0 0px;
padding: 0 0 0 4px;
}


/*FORMULAIRE*/
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px;
}
INPUT {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
SELECT {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
INPUT {
	MARGIN-BOTTOM: 4px;
}
LABEL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 120px; PADDING-TOP: 5px;
}
SELECT {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}

input:focus, select:focus, textarea:focus { background: white; }

.formaccesmembre
{
background-color:#000; color:#CCCCCC;}



/*debut tag cloud*/
.tagcloud
{
width: 210px; /* couleur de fond du tableau+taille */
padding: 2px; /* espace entre la bordure et le texte */
text-align: justify; /* texte centré */
}
.tagcloud a {color:white;
text-decoration:none; /* pas de décoration sur les liens */
}
.tagcloud a:hover { /* changement de couleur au passage de la souris */
text-decoration:none;
/*background-color:#DDDDDD;  couleur d'arriere plan du lien survolé */
color:#CA4A0D; /* couleur du lien survolé */
}
.tag-1 { /* nom de la class*/
color:#AA3406; /* couleur du lien */
font-size: 14px; /* taille d'écriture */
font-weight:bold; /* gras */
}
.tag-2 {
font-size: 12px;
color:#070089;
}
.tag-3 {
font-size: 10px;
color:#BF2470;
}
.tag-4 {
font-size: 9px;
color:#333333;
}
/*fin tag cloud*/


/* franck */
a.nada span{color:#CA4A0D;}
a.nada:hover span{color:white;}

#menubreves{padding:10px;}
#menubreves p{margin:0px;padding:5px 0 0 5px;}