@charset "iso-8859-1";
/* CSS Document */

/*@font-face {
	font-family: 'RotisSerifRegular';
	src: url('rotis_-webfont.eot');
	src: local(''), url('rotis_-webfont.woff') format('woff'), url('rotis_-webfont.ttf') format('truetype'), url('rotis_-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

body{
	font-size:12px;
	color:#ffffff;
	background:url(../images/fond-body.jpg) top center repeat-x;
}

h1{

	font-size:11px;
	letter-spacing:1px;
	text-align:center;
	word-spacing:1px;
	text-align:center;
	font-weight:bold;
	color:#333333;
	margin-bottom:7px;
}

h2{
	font-size:16px;
	text-align:left;
	color:#ec611e;
	margin-bottom:7px;
}

h3
{
	color:#ec611e;
	font-size:14px;
	margin-bottom:10px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #FFF;
	font-weight:bold;
}
h4
{
	color:#333333;
}
#imagesurdiapo
{
	position:absolute;
	z-index:100;
	width:1000px;
	height:274px;
	left:50%;
	margin-left:-500px;

	background:url(../images/diapo.png) top right;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/diapo.png', sizingMethod='crop');
	
}
#conteneur
{
	width:1000px;
	height:auto;
	margin:0px auto 0px auto;
	padding-bottom:20px;
	background-color:#FFF;
}

#haut
{
	width:1000px;
	height:20px;
	color:#FFF;
	text-align:center;
}


#logo
{
	width:168px;
	height:274px;
	float:left;
}

#flash
{
	width:832px;
	height:274px;
	background:url(../admin/img/loader.gif) top center no-repeat;
	float:left;
	visibility:hidden;
}




.img_flash{ width:832px; height:274px;}




.diapo { visibility:hidden;}


#contenu
{
	width:1000px;
}

#zonegauche
{
	width:285px;
	float:left;

}

#zonegauche-1
{
	height:104px;
	background:url(../images/fond-div-b1.jpg) top center no-repeat;

	
}
#zonegauche-2
{
	height:104px;
	background:url(../images/fond-div-b2.jpg) top center no-repeat;

	
}
#zonegauche-3
{
	height:104px;
	background:url(../images/fond-div-b3.jpg) top center no-repeat;

	
}



#zonegoog
{
	height:187px;
	background:url(../images/fond-div-google.jpg) top center no-repeat;

	
}
#zgg
{
	width:128px;
	height:104px;
	float:left;
}
#zgd
{
	padding-top:1px;	
	height:91px;
	font-size:10px;
	line-height:11px;
	letter-spacing:0.04mm;
	overflow:hidden;	
}

#zonecentre
{
	width:485px;
	float:left;

	
}

#zonedroite
{
	width:225px;
	float:right;
	color:#313131;
}
#zonedroite a { text-decoration:none; color:#ec611e;}
#zonedroite h4 { color:#ec611e; margin-top:5px;}
#actu-index
{
	background:url(../images/fond-div-actu.jpg) top center no-repeat;
}


#texte
{
	
	margin:0px;
	padding:15px;
	color:#313131;
	text-align:justify;
}
#texte li 
{
	margin-left:25px;
}

#bas
{
	width:1000px;
	margin:10px auto;
	margin-bottom:25px;
}
#footer
{
	margin:0px;
	width:100%;
	background:url(../images/fond-footer.jpg) top center repeat-x #b4eaff;
	margin-top:10px;
	min-height:188px;
}
#footer-contenu
{
	margin:0px;
	width:1000px;
	margin:0px auto;
	font-size:12px;
	text-align:center;
	color:#000;
	font-weight:lighter;
}
#footer a{ color:#099; text-decoration:none;}
#footer a:hover{ text-decoration:underline}



/*/------------------------ DEtail -------------------------*/
.produit
{
	margin:5px 0px 0px 0px;
	padding:5px;
	border:1px solid #ec611e;

}
.produit h4
{
	font-size:12px;
	text-transform:capitalize;
	color:#ec611e;
	font-weight:normal;
}
.produit a
{
	color:#25abde;
	text-decoration:none;
}

#partie_gauche
{
	float:left;
	widows:340px;
	padding-right:10px;
}

#partie_droite
{
	width:650px;
	float:right;
}

.mini_photo
{
	width:100px;
	float:left;
	margin-right:10px;
	margin-top:10px;
}



/*Menu Javascript*/
#menu
{
	clear:both;
	width:1000px;
	text-align:center;
	text-transform:capitalize;
	letter-spacing:0.1mm;
	font-weight:lighter;
	background:url(../images/fond_menu.jpg) top left repeat-x;
	border-top:solid 1px #b3b2b2; 
	border-bottom:solid 1px #b3b2b2;
	color:#ffffff;
	margin-bottom:7px;
	text-transform:capitalize;
	
}

ul.mainmenu {
	margin:0;
	border:0 none;
	padding:0;
	width:auto;
	/*For KHTML*/
	list-style:none;
	height:36px;

}

ul.mainmenu li {
	margin:0;
	border:0 none;
	padding:0;
	float:left;
	background:url(../images/fond_menu.jpg) repeat-x;
	/*For Gecko*/
	display:inline;
	list-style:none;
	position:relative;
	height:36px;
	text-transform:capitalize;
}


	
/* SUBMENUS */
ul.mainmenu ul {
	margin:0;
	border:0 none;
	padding:0;

	
/*width: 160px;*/
	width:auto;
	list-style:none;
	display:none;
	position:absolute;
	top:36px;
	left:0;
	z-index:99;
	background:#e1e1e0;
	background:url(../images/fond_menu.jpg) repeat-x;
}

ul.mainmenu ul:after /*From IE 7 lack of compliance*/ {
	clear:both;
	display:block;
	font:1px/0 serif;
	content:".";
	height:0;
	visibility:hidden;
	background:url(../images/fond_menu.jpg) repeat-x;
}

ul.mainmenu ul li {
	width:180px;
	float:left;

	
/*For IE 7 lack of compliance*/
	display:block!important;
	display:inline;

	
/*For IE*/
}


	
/* Root Menu */
ul.mainmenu a {
	padding:7px 10px;
	float:none!important;

	
/*For Opera*/
	float:left;

	
/*For IE*/
	display:block;
	color:#fff;
	font:bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:auto!important;
	height:1%;
	
	/*For IE*/
	font-size:10px;
	letter-spacing:0.1mm;
	font-weight:lighter;
	background:url(../images/fond_droite_li.jpg) top right repeat-y;
	color:#FFF;
	text-transform:capitalize;
}


	
/* Root Menu Hover Persistence */
ul.mainmenu a:hover
{
	background:url(../images/li_hover.jpg) top left repeat-x;
	color:#FFF;
}

ul.mainmenu a:current
{
	background:url(../images/li_hover.jpg) top left repeat-x;
	color:#FFF;
}


	
/* 2nd Menu */
ul.mainmenu li:hover li a,ul.mainmenu li.iehover li a {
	float:none;
}

ul.mainmenu ul ul {
	display:none;
	position:absolute;
	top:0;
	left:160px;
}


	
/* Do Not Move - Must Come Before display:block for Gecko */
ul.mainmenu li:hover ul ul,ul.mainmenu li.iehover ul ul {
	display:none;
}

ul.mainmenu li:hover ul,ul.mainmenu ul li:hover ul {
	display:block;
}

ul.mainmenu li.iehover ul,ul.mainmenu ul li.iehover ul {
	display:block;
}

li a.current
{
	background:url(http://www.porto-tourisme.com/css/fond-hover.jpg) repeat-x;
	color:#FFF;
	
}
.fond-trans
{

	background:url(../images/fond-trans.png) top right repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fond-trans.png', sizingMethod='scale');
	font-weight:bold;
	
}

a.lienblancorange
{
	color:#FFF;
	text-decoration:none;
	
}


a:hover.lienblancorange
{
	color:#F93;
	text-decoration:none;
	
}

a.lienblancgris 
{
	color:#FFF;
	text-decoration:none;
	
}


a:hover.lienblancgris
{
	color:#333333;
	text-decoration:none;
	
}


/***************************************************** Liste des type affaires *************************************************************************/
#liste-type-affaire
{
	margin-top:10px;
}

#liste-type-affaire li
{
	list-style:none;
	float:left;
	text-align:center;
	width:220px;
	margin-right:15px;
	margin-bottom:10px;
	margin-left:0px;
}
#liste-type-affaire a
{
	color:#fff;
	text-decoration:none;
}

#liste-type-affaire a:hover
{
	color:#f16118;
}



/***************************************************** Liste des  affaires *************************************************************/

#zoneliste
{

	width:712px;
	float:right;
}

.liste_affaire
{
	width:330px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.liste_affaire .ico-liste
{
	border:0;
	height:37px;
	float:right;
	margin-left:0px;
	margin-top:5px;
}
.liste_affaire .ico-liste img
{
	border:0;
	height:37px;
}

.photo_affaire
{
	max-width:130px;
	height:87px;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:0px;
	float:left;
}
.liste_affaire a
{
	text-decoration:none;
	color:#3bb0ed;
}

.liste_affaire a:hover
{
	color:#f16118;
}
.liste_affaire p
{
	padding:0px;
	margin:0px;
}
.liste_affaire h3
{
	font-size:14px;
	text-transform:capitalize;
	margin:0px;
	padding:0px;
	margin-bottom:7px;
	text-align:left;
}
.mini_photo_affaire
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

/**************************** Moteur de recherche **********************************/
#contenu_moteur
{
	width:100%;
	height:40px;
	padding:5px;
	position:fixed;
	left:0;
	bottom:0;
	background:#757575;
	z-index:101;
}

#moteur
{
	height:30px;
	border:0px;
	color:#fff;
	width:1100px;
	margin:0px auto;
	

}

#moteur label
{
	margin-bottom:10px;
	font-weight:bolder;
}
#moteur input
{
	margin-right:7px;
	width:190px;
	
}

#moteur select
{
	margin-right:7px;
}

#cycle
{
	width:712px;
	float:right;
	
}

#nav
{
	clear:both;
	color:#ec611e;
	margin-top:8px;
}

#nav a
{
	color:#ec611e;
	font-weight:bold;
}

#social
{
	clear:both;
	line-height:18px;
	padding-top:10px;
}
#social img { border:0px; margin-top:3px; margin-left:5px;}
#social a { text-decoration:none; color:#333;}
.minimg { margin-right:7px; margin-bottom:-1px;}


/******************************* ie ***************************************/

.document_page
{
	clear:both;
	margin-left:5px;
	margin-bottom:5px; 
	padding-top:5px;
	border-bottom:1px solid #ec611e;
	border-top:1px solid #ec611e;
}
.document_page p
{
	margin-top:5px;
	text-align:justify;
}
#conteneur #zonecentre .document_page h4
{
	font-size:14px;
	color:#ec611e;
}
.document_page .img_pdf
{
	float:left;
	margin-top:4px;
	margin-right:3px;
}
#conteneur  #zonecentre .document_page a { text-decoration:none; color:#ec611e; }


/******************************** partenaire *************************************/

.partenaire
{
	clear:both;
	margin-top:5px;
	margin-bottom:5px; 
	padding-top:5px;
	border-bottom:1px solid #ec611e;
	border-top:1px solid #ec611e;
}
.partenaire a
{
	color:#5cc2e8;
	text-decoration:none;
	font-weight:bolder;
}
.partenaire a:hover { color:#ec611e;}

.photo_partenaire
{
	max-width:120px;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
}
.partenaire p
{
	text-align:justify;
}

.partenaire h4
{
	font-size:13px;
	color:#ec611e;
}

.mini_photo_partenaire
{
	float:left;
	margin-right:5px;
	margin-top:5px;
}

#contenu #bouton
{
	background:#ded9d5;
	padding:2px 6px;
	border:2px outset #b2b0af;
	color:#333;
	cursor:pointer;
	font-size:11px;
	text-decoration:none;
	font-weight:lighter;
}
#contenu #bouton:hover
{
	border:2px inset #b2b0af;
}

#pub
{
	visibility:hidden;
}
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(../static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(../static/images/ig-badge-view-sprite-24-2x.jpg); background-size: 160px 178px; }