/*
CSS Credit: Templatemo / Vista.ad http://www.vista.ad
*/

body {
	margin: 20px;
	padding:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #666666;
}

h1 {
	height: 33px;
	font-size: 20px;
	font-weight: bold;
	color: #E7821A;
	background: url(images/templatemo_h1.jpg) no-repeat;
}
h2 {
	height: 33px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	background: url(images/templatemo_gray.jpg) no-repeat;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
        margin-bottom:-5px;
        padding:7px 0px 0px 20px;
        background: url(images/templatemo_h3.jpg) no-repeat;
        height:30px;
}


h4 {
	height: 33px;
	font-size: 17px;
	font-weight: bold;
	color: #E7821A;
        background: url(images/templatemo_h1.jpg) no-repeat;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

h6 {
        height: 25px;
        padding-top:5px;
        margin:0px 0 10px 0;
	font-size: 17px;
	font-weight: bold;
        text-align:center;
        color: #E7821A;
        border: #E7821A 1px solid;
}

a {
        text-decoration:none;
	color: #666666;
	font-weight:bold;
}

a:hover {
        text-decoration:none;
        color: #E7821A;
}


#vista_container {
	width: 800px;
	margin: auto;
	background: url(images/templatemo_container_bg.jpg) repeat-y;
}
#vista_header {
	height: 115px;
	background: url(images/templatemo_header.jpg) no-repeat;
}
#vista_site_title {
	padding-top: 40px;
	padding-left: 50px;
	height: 40px;
	color: #E7821A;
	font-weight: bold;
	font-size: 22px;
}
#vista_site_title a  {
text-decoration:none;
        color: #E7821A;
}
.vista_menu{
	float: left;
	width: 800px;
	height: 35px;
	margin: 0px;
	padding: 0px;

}
.vista_menu ul {
	margin: 0px;
	padding-left: 55px;
	list-style: none;
	text-align: center;
}
.vista_menu li{
	display: inline;
}
.vista_menu li a{
	float: left;
	padding: 8px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
        color:#fff;
	width: 115px;
}
.vista_menu li a:hover, .vista_menu li .current{
	color: #000000;
	background: url(images/templatemo_link_hover2.jpg) center no-repeat;
}
#vista_header_pic {
	height: 117px;
	background: url(images/vista_slogan1.jpg) no-repeat;
}
#vista_slogan {
	float: right;
	width: 700px;
	text-align: right;
	padding-right: 85px;
	padding-top: 20px;
	font-weight: bold;
}
#vista_slogan_text {
	float: right;
	text-align: right;
	width: 340px;
	padding-right: 85px;
	padding-top: 5px;
	font-size:11px;
}
#vista_up {
	float: right;
	width: 700px;
	text-align: right;
	padding-right: 30px;
	padding-top: 15px;
}
#vista_up_text {
	float: right;
	text-align: right;
	width: 250px;
	padding-right: 30px;
	padding-top: 0px;
	font-size:11px;
        font-weight: bold;
}
#vista_content {
	width: 800px;
}

#vista_top {
	float: left;
	width: 650px;
	margin-top: 30px;
	padding-left: 75px;	
	text-align: justify;
}
#vista_topleft {
	float: left;
	width: 175px;
        margin-top:-8px;
        margin-left:-5px;
	}

/*------------left part srart-----*/

#vista_topleft ul{
	list-style-type:none; 
	}
#vista_topleft ul li{
	background:url(images/bullets.gif) no-repeat 4px 6px; 
        border-bottom:#DED5BC 1px solid; 
        padding:0 0 0px 20px;
        margin-top:4px;
        margin-left:-40px;
	height:35px; 
        display:block;
        text-decoration:none; 
        line-height:28px; 
	font-size: 12px;
	}

#vista_topleft img {
	}
#vista_topleft a {
text-decoration:none;
        color: #ffffff;
	}
#vista_topleft h3 a {
text-decoration:none;
        color: #ffffff;
	} 
#vista_topleft h3 a:hover {
        text-decoration:none;
        color: #ffffff;
	} 
#vista_topright {
	float: right;
	width: 425px;
	text-align: justify;
}

#vista_topright ul{
	list-style-type:none; 
	}
#vista_topright li{
	background:url(images/vista_bouton.gif)  no-repeat 6px 0px;
        margin-top:5px;
        padding:3px 0 1px 27px;
        margin-left:-50px;
        text-decoration:none; 
	font-size: 11px;
	}
#vista_topright a:link {
	color: #E7821A;
	font-weight: bold;
}
#vista_topright a:hover {
	color: #E7821A;
	font-weight: bold;
        text-decoration:underline;
}
#vista_left {
	float: left;
	width: 185px;
	margin-left: 70px;
        margin-right:15px;
	margin-top: 30px;
	text-align: justify;
}

#vista_left span {
	color: #E7821A;
	font-weight:bold;
}

#vista_left a {
	color: #E7821A;
	font-weight:bold;
}

#vista_left img {
	padding-left: 10px;
}

#vista_middle {
	float: left;
	width: 185px;
	margin-left: 30px;
	margin-top: 30px;
	text-align: justify;
}

#vista_middle a {
	color: #E7821A;
	font-weight:bold;
}

#vista_right {
	float: right;
	margin-right: 80px;
	width: 185px;
	margin-top: 30px;
	text-align: justify;
}

#vista_right img {
	padding-left: 10px;
}

#vista_right a {
	color: #E7821A;
	font-weight:bold;
}

#vista_footer {
	clear: both;
	width: 748px;
	margin-left: 26px;
	margin-top: 30px;
	height: 80px;
	background: #393939;
}

/*------------left part srart-----*/

.footer_left {
	float: left;
	width: 470px;
	height: 50px;
	padding-top: 30px;
	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.footer_left a:link, .footer_left a:visited { color: #fff; text-decoration: none; } 
.footer_left a:active, .footer_left a:hover { color: #E7821A; text-decoration: none; }
.footer_dot {
	float: left;
	width: 1px;
	height: 80px;
	background: url(images/templatemo_dot.gif) repeat-y;
}
.footer_right {
	float: right;
	padding-top: 10px;
	width: 250px;
	height: 70px;
	color:#FFFFFF;	
}


/*------------accueil général-----*/

#inicio_general {
        width: 430px;
	margin: auto;
}

.titre {
        height: 30px;
        padding-top:5px;
        margin:0px 0 10px 0;
	font-size: 26px;
	font-weight: bold;
        text-align:center;
        color: #E7821A;
}

#inicio_top {
        width: 430px;
	margin: auto;
}


#inicio_left {
        width: 200px;
        float: right;
}

#inicio_right {
        width: 200px;
        float: left;
}