/*---------- GÉNÉRALE html ----------*/

body {
	background-color: #FFF;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #D2E5FB;
}

body,th,td,p,div,ul,li,ol,blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7a7a7a;
}

form input, select, textarea {
	margin: 0;
	padding: 0;
	border: solid 1px #5A8DCC;
	background-color: #EEF5FC;
}

.rdoType
{
	border: 0px;
	background-color: #FFF;
	vertical-align: middle;
}

#tableauSurvey input {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

p {
	margin: 0 0 17px 0;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;

}
h2 {
	font-size: 14px;
	margin: 0 0 10px 0;
	color: #5A8DCC;
}
h3 {
	font-size: 12px;
	margin: 0 0 10px 0;
	color: #10265B;
}

a:link {
	text-decoration: none;
	color: #739DD1;
}

a:visited {
	text-decoration: none;
	color: #739DD1;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #739DD1;
}


/*---------- CSS GÉNÉRALE DU SITE ----------*/

#page {
	text-align: left;
	width: 737px;
	margin: auto;
}

#contenu {
	width: 737px;
	background-image: url(/img/gen/bg01.gif);
	background-repeat: repeat-y;  
}
#contenu.extranet {
	background-image: url(/img/gen/bg01_ex.gif); 
}
#colcontenu {
	text-align: left;
	margin: 16px 18px 10px 18px;
	padding: 0;
}

#colcontenu.extranet {
	margin-top: 30px;
}

#texte {
	padding: 20px 0 1px 0;
}

.clear {
	clear: both;
}

#colmenu {	
	text-align: left;
}

#colextra {
}

#survey img, #news img {
	display: block;	
}

.framebouton {
	padding-top: 20px;
	padding-bottom: 10px;
}

.bouton {
	font-weight: bold;
	color: #246FB3;
	background: #EBFACE;
	border: 1px solid #5A8DCC;
	padding: 3px;
	margin: 10px 0px; 
}

.bouton a:link {
	text-decoration: none;
	color: #4C82BF;
}

.bouton a:visited {
	text-decoration: none;
	color: #4C82BF;
}

.bouton a:hover {
	text-decoration: none;
	color: #039;
}

.bouton a:active {
	color: #4C82BF;
}

#tableau {
	border: solid 1px #AECAED;
	background-color: #F7FDEC;
	margin: 0 0 22px 0;
}

#tableaucontact {
	margin: 0 0 35px 0;
}

.tab-coul-1 {
	background-color: #EFF7FF;
}
.tab-coul-2 {
	background-color: #FAFCFF;
}

/*------- NAVIGATIONS -- 1 -------*/

#nav1 {	
	padding: 12px 0 7px 12px;
	margin: 0;
	list-style: none;	
	/*border: solid 1px red;*/
}
#nav1 li {
	font-size: 12px;
	color: #5A8DCC;
	font-weight: bold;
	background: url(/img/menu/dot.gif) 0 4px no-repeat;
	padding: 0 0 0 12px;
	list-style: none;
	text-align: left;
	margin: 0 0 6px 0;
	/*border: solid 1px green;*/
}
#nav1 li.select {
	color: #234786;
}

#nav1 li a:link {
	text-decoration: none;
	color: #234786;}
#nav1 li a:visited {
	text-decoration: none;
	color: #234786;}
#nav1 li a:hover {
	text-decoration: underline;
	color: #234786;}
#nav1 li a:active {
	text-decoration: underline;
	color: #234786;
}
#nav1 ul {
	padding:  0 0 0 ;
	margin: 2px 0 0 10px;	
	/*border: solid 1px gray;*/
}
#nav1 ul li {
	font-size: 11px;
	color: #5A8DCC;
	font-weight: bold;
	background: url(/img/menu/sous_dot.gif) 0px 5px no-repeat;
	padding: 0 0 0 12px;
	list-style: none;
	text-align: left;
	margin: 0 0 2px 0;
	/*border: solid 1px yellow;*/
}
#nav1 ul li a:link {
	font-weight: normal;
	text-decoration: none;
	color: #5A8DCC;}
#nav1 ul li a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #5A8DCC;}
#nav1 ul li a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #5A8DCC;}
#nav1 ul li a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #5A8DCC;}

/*---------- NAVIGATIONS -- 2 -----*/
#nav2 {	
	padding: 9px 0 120px 12px;
	margin: 0;
	background: url(/img/menu/oiseaux_menu.gif)  bottom no-repeat;
	list-style: none;	
}

#nav2.extranet{	
	padding: 9px 0 15px 12px;
	background: none;
}

#nav2 li {
	font-size: 11px;
	color: #5A8DCC;
	font-weight: bold;
	background: url(/img/menu/dot_utilitaire.gif) 0 4px no-repeat;
	padding: 0 0 0 12px;
	list-style: none;
	text-align: left;
	margin: 0 0 6px 0;
	/*border: solid 1px green;*/
}


#nav2 li a:link {
	text-decoration: none;
	color: #5E5E5F;}
#nav2 li a:visited {
	text-decoration: none;
	color: #5E5E5F;}
#nav2 li a:hover {
	text-decoration: underline;
	color: #5E5E5F;}
#nav2 li a:active {
	text-decoration: underline;
	color: #5E5E5F;}
	

/*---------- CONTENU >>>> accueil ----------*/

#harbour {
	padding-bottom: 10px;
	border: solid 1px #B5CEED;
	background: #F0F5FB url(/img/acc/harbour_bg.jpg) no-repeat;
}
#harbour p {
	color: #2C60A1;
	margin: 10px 10px 0 10px;
}
#harbour a {
	color: #2C60A1;
	font-weight: bold;
	text-decoration: underline;
}

#survey {
	width: 149px;
	border-bottom: solid 1px #BADD94;
	padding: 0;
	text-align: left;
	margin: 12px 0 15px 0;
	background-image: url(/img/acc/survey_bg2.gif)
}
#surveytxt {
	margin: 0 1px;
	padding: 9px;
	background: url(/img/acc/survey_bg.jpg) no-repeat top;
}
#surveytxt td {
	font-size: 10px;
	color: #2C60A1;
}
#surveytxt p {
	font-size: 10px;
	color: #2C60A1;
	margin: 0 0 7px 0;
}

#news {
	width: 149px;
	border-bottom: solid 1px #BABABA;
	padding: 0;
	text-align: left;
	margin: 12px 0 10px 0;
	background-image: url(/img/acc/news_bg2.gif)
}
#newstxt {
	margin: 0 1px;
	padding: 9px;
	background: url(/img/acc/news_bg.jpg) no-repeat top;
}
#newstxt td {
	font-size: 10px;
	color: #2A2A2A;
}
#newstxt p {
	font-size: 10px;
	color: #2A2A2A;
	margin: 0;
	padding: 0 0 7px 0; 
}
#newstxt a {
	color: #2A2A2A;
	text-decoration: underline;
}

.thumb {
	margin: 0 0 6px 6px;
	border: solid 1px #B5CEED;
}


/*---------- CONTENU >>>> Pages ----------*/

#chemin {	
	padding: 6px 0 7px 12px;
	margin: 0;
	list-style: none;	
	background: url(/img/gen/bg_chemin.gif) no-repeat top;
	/*border: solid 1px red;*/
}
#chemin li {
	font-size: 11px;
	color: #BCD5F1;
	font-weight: normal;
	background: url(/img/gen/dot_chemin.gif) 0 4px no-repeat;
	padding: 0 0 0 12px;
	list-style: none;
	text-align: left;
	margin: 0 0 0 0;
	/*border: solid 1px green;*/
}
#chemin li a:link {
	font-weight: normal;
	text-decoration: none;
	color: #BCD5F1;}
#chemin li a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #BCD5F1;}
#chemin li a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #BCD5F1;}
#chemin li a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #BCD5F1;}

.retourquestion {
	display: block;
	padding: 5px 0 0 0;
	margin: 0;
}

#texte .visuel {
	float: right;
	margin-left: 15px;
	border: 1px solid #5A8DCC;
}

.postedby {
	color: #5A8DCC;
	margin: 4px 0 4px 0;
}
.postedby a {
	font-weight: bold;
}

/*---------- ICONES des DOCUMENTS ----------*/

#listicon ul {
	color: #009900;
	margin: 0;
	padding: 0;
}

#listicon ul li {
	list-style-type: none;
	list-style-position: outside;
	margin: 6px 0 6px 0;
 	padding: 3px 0 1px 20px;
}

.pdf { background: url(/img/pub_icon/pub_icon_pdf.gif) no-repeat;}
.htm { background: url(/img/pub_icon/pub_icon_htm.gif) no-repeat;}
.cad { background: url(/img/pub_icon/pub_icon_cad.gif) no-repeat;}
.doc { background: url(/img/pub_icon/pub_icon_doc.gif) no-repeat;}
.dot { background: url(/img/pub_icon/pub_icon_dot.gif) no-repeat;}
.mdb { background: url(/img/pub_icon/pub_icon_mdb.gif) no-repeat;}
.bmp { background: url(/img/pub_icon/pub_icon_bmp.gif) no-repeat;}
.xml { background: url(/img/pub_icon/pub_icon_xml.gif) no-repeat;}
.ppt { background: url(/img/pub_icon/pub_icon_ppt.gif) no-repeat;}
.rtf { background: url(/img/pub_icon/pub_icon_rtf.gif) no-repeat;}
.xlt { background: url(/img/pub_icon/pub_icon_xlt.gif) no-repeat;}
.xls { background: url(/img/pub_icon/pub_icon_xls.gif) no-repeat;}
.zip { background: url(/img/pub_icon/pub_icon_zip.gif) no-repeat;}
.txt { background: url(/img/pub_icon/pub_icon_txt.gif) no-repeat;}
.autre { background: url(/img/pub_icon/pub_icon_autre.gif) no-repeat;}
.image { background: url(/img/pub_icon/pub_icon_image.gif) no-repeat;}


/*---------- PIED DE PAGE ----------*/

#pied div {
	font-size: 10px; 
	color: #739DD1;
}

#copyright {
	text-align: left;
	margin-left: 10px;
	padding: 0;
}

#topofpage {
	text-align: right;
	margin-right: 10px;
}