@charset "UTF-8";
/* CSS Document */

body {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	background-repeat: repeat-x;
	background-image: url(images/fondo_graphiscom.jpg);
	background-color: #F3EBDD;
}

#container_total {
	width: 938px;
	left: 0px;
	margin-top: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat;
}

#container_logo {
	height: 60px;
	width: 170px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	padding-top: 18px;
}



#fondo_contenido_iv {
	width: 938px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(images/fondo_contenido.png);
	float: left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-bottom: 12px;
}


#banda {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(images/banda.png);
	float: left;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
}




/******************************   GENERAL    ***************************************************/



#miniatura {
	margin: 0px;
	float: left;
}

a img {
    border:0
}



#datos {
	height: 30px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	width: 938px;
	text-align: center;
	padding-top: 3px;
}



#datos h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #ACA196;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: lighter;
}




/******************************   DECORACION    ***************************************************/




#linia_gris {
	height: 2px;
	width: 938px;
	float: left;
	background-image: url(images/linia_gris.png);
	background-color: #DED0BB;
	background-repeat: repeat-x;
}

#linia_blanca {
	height: 4px;
	width: 938px;
	float: left;
	background-image: url(images/linia_blanca.jpg);
	margin-top: 0px;
}

#linia_horizontal {
	background-image: url(images/linia_horizontal.jpg);
	height: 2px;
	background-repeat: repeat-x;
}


#container_linia_horizontal {
	height: 2px;
	width: 906px;
	float: left;
	padding-left: 15px;
}



#linia_vertical {
	height: 190px;
	width: 2px;
	float: left;
	background-image: url(images/linia_vertical.jpg);
	margin-top: 15px;
	margin-bottom: 15px;
}
















#contenido1 {
	height: 170px;
	width: 188px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	background-image: url(images/fondo_contenido1.jpg);
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
}




#contenido2 {
	height: 170px;
	width: 421px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
}






#container_fleche {
	height: 170px;
	width: 14px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	background-image: url(images/fleche.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#container_texto {
	height: 170px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 160px;
}




/***********************************      LIENS      *************************************************************/











/*************************************      TITRES      *******************************************************************/




#container_texto h1 {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}


#container_texto h1 a:active {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto h1 a:link {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto h1 a:visited {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto h1 a:hover {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}



#container_texto_iv h1 {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}


#container_texto_iv h1 a:active {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_iv h1 a:link {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_iv h1 a:visited {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_iv h1 a:hover {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}





#container_texto_graphisme h1 {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}


#container_texto_graphisme h1 a:active {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_graphisme h1 a:link {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_graphisme h1 a:visited {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_graphisme h1 a:hover {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}



#container_texto_graphisme1 h1 {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}


#container_texto_graphisme1 h1 a:active {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_graphisme1 h1 a:link {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_graphisme1 h1 a:visited {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_graphisme1 h1 a:hover {
	font-size: 19px;
	font-weight: normal;
	float: left;
	margin-bottom: 4px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}









h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FAEDE8;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: none;
}











h3 {
	font-size: 14px;
	float: left;
	line-height: 20px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
}


h3 a:link {
	font-size: 14px;
	float: left;
	line-height: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}



h3 a:active {
	font-size: 14px;
	float: left;
	line-height: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}


h3 a:visited {
	font-size: 14px;
	float: left;
	line-height: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

h3 a:hover {
	font-size: 14px;
	float: left;
	line-height: 20px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}


h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 37px;
	color: #FAEDE8;
	margin: 0px;
}






h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FAEDE8;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #39332F;
	margin-top: 5px;
	margin-bottom: 1px;
	font-weight: lighter;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #5E544D;
	margin-top: 5px;
	margin-bottom: 1px;
	font-weight: lighter;
	line-height: 18px;
}


#texto_liste li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FAEDE8;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}


#texto_liste_webdesign1 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FAEDE8;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}


#texto_liste_webdesign2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FAEDE8;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}





/*****************************************      STYLES       *****************************************************/






.imperativo {
	font-size: 16px;
	font-weight: normal;
	float: none;
	margin-bottom: 15px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
	color: #39332F;
}




.vert_identite_visuelle {
	color: #5D7A71;
	font-weight: lighter;
}


.blue_graphisme {
	color: #76989F;
	font-weight: bolder;
}






.blanco {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}





.blue {
	color: #239ea1;
	font-weight: lighter;
}


.centro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #39332F;
	margin-top: -5px;
	margin-bottom: -5px;
	font-weight: lighter;
	vertical-align: middle;
}


.vert {
	color: #7D9A39;
	font-weight: lighter;
}



.color_base {
	color: #39332F;
	font-weight: lighter;
}


.color_base_destacado {
	color: #39332F;
	font-weight: bold;
}



.color_titulo4 {
	color: #39332F;
}



.gras {
	font-size: 12px;
	text-align: center;
	color: #39332F;
	margin-top: 5px;
	margin-bottom: 1px;
	font-weight: bold;
}






/****************************************   ACCUEIL    *******************************************************/



#fondo_accueil {
	height: 275px;
	width: 663px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_accueil.png);
	float: left;
}


#accueil1 {
	height: 55px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	float: left;
	padding-top: 35px;
	padding-right: 27px;
	padding-left: 27px;
}


#accueil2 {
	height: 185px;
	width: 424px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	float: left;
	padding-right: 27px;
	padding-left: 27px;
}


#accueil3 {
	height: 185px;
	width: 185px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	float: left;
}




#graphiscom_accueil {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_accueil.png);
	float: left;
}

#texto_accueil {
	height: 30px;
	margin-top: 3px;
	left: 0px;
	margin-top: 3px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	width: 938px;
}


/*****************************************     PRESENTATION     ***************************************************/

#fondo_presentation {
	height: 221px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_presentation.png);
	float: left;
	padding: 27px;
}

#graphiscom_presentation {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_presentation.png);
	float: left;
}

#texto_presentation {
	margin-top: 3px;
	left: 0px;
	margin-top: 3px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 631px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 18px;
}



/*******************************************      PRESTATIONS      ****************************************************/

#fondo_prestations {
	height: 221px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_prestations.png);
	float: left;
	padding: 27px;
}


/******************************************    FONDO INFERIOR   **************************************************/


#fondo_contenido {
	width: 938px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(images/fondo_contenido_total.jpg);
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
}



#fondo_prestations h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FAEDE8;
	font-weight: normal;
	margin-top: 40px;
	float: none;
	margin-bottom: 25px;
}




#flash_prestations {
	height: 25px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	float: left;
}




#graphiscom_prestations {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_prestations.png);
	float: left;
}

#texto_prestations {
	margin-top: 3px;
	left: 0px;
	margin-top: 3px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 418px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 50px;
}


/*******************************************    IDENTITE  VISUELLE    **************************************************/




#container_fleche_iv {
	height: 80px;
	width: 14px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	background-image: url(images/fleche.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#container_texto_iv {
	height: 80px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 160px;
}


#container_flash_iv {
	height: 90px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 188px;
}




#fondo_identite_visuelle {
	height: 221px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_identite_visuelle.png);
	float: left;
	padding: 27px;
}







#fondo_identite_visuelle h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FAEDE8;
	font-weight: lighter;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: none;
	text-align: justify;
}




#fondo_identite_visuelle h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FAEDE8;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}





#graphiscom_identite_visuelle {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_identite_visuelle.png);
	float: left;
}

#texto_identite_visuelle {
	margin-top: 3px;
	left: 0px;
	margin-top: 3px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 418px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 8px;
}



/*****************************************       GRAPHISME       ************************************************/





#container_fleche_graphisme {
	height: 120px;
	width: 14px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	background-image: url(images/fleche.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#container_texto_graphisme {
	height: 120px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 160px;
}


#container_texto_graphisme1 {
	height: 170px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 233px;
}


#container_texto_graphisme2 {
	height: 50px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 233px;
}








#container_flash_graphisme {
	height: 50px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 188px;
}



#flash_graphisme {
	height: 170px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 160px;
}












#fondo_graphisme {
	height: 221px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_graphisme.png);
	float: left;
	padding: 27px;
}

#graphiscom_graphisme {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_graphisme.png);
	float: left;
}


#fondo_texto_graphisme_liste {
	margin-top: 3px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 580px;
	border: thin dashed #4F6F78;
	padding-left: 20px;
}



#texto_graphisme {
	margin-top: 3px;
	left: 0px;
	margin-top: 3px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 418px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 40px;
}


#texto_liste {
	margin-top: 12px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 180px;
	margin-left: 4px;
	margin-bottom: 12px;
}



/********************************************         WEBDESIGN        ***********************************************/





#fondo_webdesign {
	height: 221px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_webdesign.png);
	float: left;
	padding: 27px;
}


#graphiscom_webdesign {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_webdesign.png);
	float: left;
}




#fondo_texto_webdesign_liste {
	margin-top: 3px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 580px;
	border: thin dashed #504B72;
	padding-left: 20px;
}


#texto_liste_webdesign1 {
	margin-top: 12px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 295px;
	margin-bottom: 12px;
}

#texto_liste_webdesign2 {
	margin-top: 12px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 255px;
	margin-left: 12px;
	margin-bottom: 12px;
}



/********************************************          PHOTOGRAPHIE      ************************************************************/





#fondo_photographie {
	height: 221px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_photographie.png);
	float: left;
	padding: 27px;
}


#graphiscom_photographie {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_webdesign.png);
	float: left;
}




#fondo_texto_photographie_liste {
	margin-top: 3px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 580px;
	border: thin dashed #617831;
	padding-left: 20px;
}






/********************************************          PORTFOLIO      ************************************************************/




#fondo_portfolio {
	height: 221px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_portfolio.png);
	float: left;
	padding: 27px;
}


#graphiscom_portfolio {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_portfolio.png);
	float: left;
}



#destacados {
	height: 85px;
	width: 599px;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #3B6275;
	border-bottom-color: #3B6275;
}




#contenido_portfolio_destacados {
	height: 85px;
	width: 266px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
}



#linia_vertical_portfolio_destacados {
	height: 85px;
	width: 2px;
	float: left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #3B6275;
	margin-right: 20px;
	margin-left: 20px;
}






#contenido_portfolio {
	height: 85px;
	width: 266px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 25px;
}



#linia_vertical_portfolio {
	height: 85px;
	width: 2px;
	float: left;
	background-image: url(images/linia_vertical.jpg);
	margin-top: 15px;
	margin-bottom: 15px;
}




#texto_portfolio {
	height: 85px;
	width: 150px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}



#texto_portfolio p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: -1px;
	color: #39332F;
	text-align: left;
}


#texto_portfolio h1 {
	font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #39332F;
	font-weight: bold;
	margin-bottom: 0px;
}


#texto_portfolio h1 a {
	font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4B433D;
	font-weight: bold;
	margin-bottom: 0px;
}


#texto_portfolio h1 a:active {
	font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #39332F;
	font-weight: bold;
	margin-bottom: 0px;
}

#texto_portfolio h1 a:link {
	font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #39332F;
	font-weight: bold;
	margin-bottom: 0px;
}

#texto_portfolio h1 a:visited {
	font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #39332F;
	font-weight: bold;
	margin-bottom: 0px;
}

#texto_portfolio h1 a:hover {
	font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #39332F;
	font-weight: bold;
	margin-bottom: 0px;
}






#texto_portfolio h2 {
		font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6B5F55;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
}

#texto_portfolio h2 a {
		font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6B5F55;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
}

#texto_portfolio h2 a:active {
		font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6B5F55;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
}

#texto_portfolio h2 a:link {
		font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6B5F55;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
}



#texto_portfolio h2 a:visited {
		font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6B5F55;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
}


#texto_portfolio h2 a:hover {
	font-size: 12px;
	line-height: 15px;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6B5F55;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
}








/**********************************************************************************************      WEB     ****************/





#container_texto_web {
	height: 170px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	margin: 0px;
	width: 393px;
}



#container_texto_web li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #39332F;
	margin-top: 4px;
	margin-bottom: 2px;
	font-weight: bold;
	line-height: 12px;
}


#container_texto_web p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #39332F;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: normal;
	line-height: 14px;
}


#container_texto_web h1 {
	font-size: 19px;
	font-weight: normal;
	float: none;
	margin-bottom: 0px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}


#container_texto_web h1 a:active {
	font-size: 19px;
	font-weight: normal;
	float: none;
	margin-bottom: 0px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_web h1 a:link {
	font-size: 19px;
	font-weight: normal;
	float: none;
	margin-bottom: 0px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_web h1 a:visited {
	font-size: 19px;
	font-weight: normal;
	float: none;
	margin-bottom: 0px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}

#container_texto_web h1 a:hover {
	font-size: 19px;
	font-weight: normal;
	float: none;
	margin-bottom: 0px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
}


/********************************************          CONTACT      ************************************************************/




#fondo_contact {
	height: 221px;
	width: 609px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_contact.png);
	float: left;
	padding: 27px;
}




#fondo_contact h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FAEDE8;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: none;
}




#fondo_contact h2 a {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FAEDE8;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: none;
}


#texto_formulaire {
	margin-top: 3px;
	left: 0px;
	margin-top: 3px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	padding-right: 25px;
	padding-left: 179px;
	padding-top: 27px;
	padding-bottom: 27px;
	width: 734px;
	background-image: url(images/timbre.jpg);
	height: 119px;
	background-repeat: no-repeat;
}



#texto_formulaire1 {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 365px;
}

#texto_formulaire2 {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 360px;
}


#columna1 {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 90px;
}

#columna1 p {
	line-height: 14px;	
}


#columna2 {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	width: 270px;
}



#texto_formulaire h6 {

    font-size: 14px;
	float: left;
	line-height: 20px;
	margin-top: 4px;
	font-family: Arial, Helvetica, sans-serif;

}




#tel h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #95B7CB;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: none;
	text-align: right;
}


#tel {
	height: 52px;
	width: 230px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #95B7CB;
	border-bottom-color: #95B7CB;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 140px;
}
#img_tel {
	float: left;
	height: 98px;
	width: 395px;
	margin-left: 210px;
	background-image: url(images/tel.jpg);
	background-repeat: no-repeat;
}




#graphiscom_contact {
	height: 275px;
	width: 275px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(images/fondo_contact.png);
	float: left;
}
/* CSS Document */

/***************************************    MENU      **************************************************/


#menu {
	height: 30px;
	width: 938px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	background-image: url(SpryAssets/Background.gif);
}
#contenidoform {
	height: 150px;
	width: 380px;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	border: thin inset #39332F;
	background-color: #ECE3CD;
}
#missatge {
	margin-bottom: 30px;
}