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

body
{
	background-image: url(../images/fond2.png);
	background-repeat: repeat;
	margin: 0;
}

.bloc
{
	margin-left: 50px;
	width: 170px;
	height: 127px;
}

.border_img_none
{
	border: 0 solid black;
}  

ul.tabs 
{
    margin:0px; padding:0px;
    margin-top:5px;
	margin-left:20px;
}         

ul.tabs li 
{
    list-style:none;
    display:inline;
}           

ul.tabs li a 
{
	margin-right: -32px;
	padding-top: 25px;
	text-align:center;
    background-image:url(../images/onglet_cv.png); 
	background-repeat:no-repeat; 
	display:inline-block;
	width: 147px;
	height: 20px;
    color:#30496f;
    text-decoration:none;
    font-size:12px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
}

ul.tabs li a:hover 
{
    background-image:url(../images/onglet_cv_over.png);
	display:inline-block;
	width: 147px;
	height: 20px;
    color:#FFF;
}

ul.tabs li a.active 
{
    background-image:url(../images/onglet_cv_over.png);
	display:inline-block;
	width: 147px;
	height: 20px;
    color:#FFF;
	
}

.elt_menutop
{
	background-image:url(../images/bouton-menu.png);
	width: 99px;
	height: 40px;
	display: block;
	background-repeat:no-repeat;
	float: left;
	margin-right: 4%;
	color: #75869f;
	font-family: Calibri, Verdana, Arial;
	font-size: 20px;
	margin-top: 7.4%;
	padding-top: 1.4%;
	text-align:center;
	cursor:pointer;
}

.elt_menutop:hover
{
	background-image:url(../images/bouton-menu2.png);
	color: #FFF;
	font-style:italic;
	font-weight:bold;
	cursor:pointer;
}

.titres_contact
{
	font-family: Olivia, Calibri, Verdana;
	font-size:20px;
	color:#30496f;
	font-weight:normal;
	text-align:center;
}

.titres2_contact
{
	font-size:15px;
	color:#30496f;
	font-weight:bolder;	
	text-align:center;
}

#banniere
{
	background-image:url(../images/bordure.png);
	background-repeat:repeat-x;
	width: 100%;
	height: 129px;
}


#accueil
{
	position:absolute;
	margin-top: 4%;
	margin-left:0;
	float:left;
	width: 450px;
	height: 300px;
	background-repeat:no-repeat;
}

#accueil0
{
	position:absolute;
	float:left;
	width:274px;
	height:192px;
	background-image:url(../images/accueil0.png);
}

#accueil1
{
	position:absolute;
	text-align:center;
	margin-left:190px;
	float:left;	
	width:274px;
	height:192px;
	background-image:url(../images/accueil1.png);
}

#accueil2
{
	position:absolute;	
	float:left;	
	margin-top:140px;
	width:274px;
	height:192px;
	background-image:url(../images/accueil1.png);
}

#accueil3
{
	position:absolute;	
	margin-left:190px;
	margin-top:140px;
	float:left;	
	width:274px;
	height:192px;
	background-image:url(../images/accueil3.png);
}

#badge
{
	background-image:url(../images/badge.png);
	height: 175px;
	width: 278px;
	background-repeat:no-repeat;
	margin-left: 10.6%;
	float: left;
}

#barresep
{
	float:left;
	margin-top: 8.5%;
}

#cube0
{
	margin-top: 28%;
	font:13px Olivia;
	color:#30496f;
	text-align:center;
}

#cube1
{
	margin-top: 32%;
	font:13px Olivia;
	color:#30496f;	
}

#cube2
{
		margin-left: 21.5%;
		margin-top: 32%;
		font:13px Olivia;
		color:#30496f;
}

#cube3
{
		margin-right: 1px;
		margin-left: 33%;
		margin-top: 32%;
		font:13px Olivia;
		color:#30496f;	
}

#container
{
	position: relative;	
}

#container_content
{
	position: relative;
	width: 700px;
	height: 400px;
	overflow:hidden;
}

#contact
{
	position:absolute;
	margin-left:2250px;
	margin-top: 4%;
	float: left;
	width: 700px;
	height: 340px;
	background-image: url(../images/fond_contact.png);
	font-family: Calibri, Verdana, Times New Roman;
	font-size:13px;
	color:#30496f;
	background-repeat:no-repeat;
}

#contact_left
{
	margin-top: 6%;
	margin-left: 10%;
	float: left;
	width: 200px;
}

#contact_right
{
	margin-top: 6%;	
	margin-left: 1%;
	width: 200px;
	float: left;
}

#contact_left1
{
	float:left;
}

#contact_left2
{
	float:left;
	margin-left:2%;
	margin-top:4%;
}

#content_2, #content_3, #content_4, #audiovisuel_menu, #creations_menu
{ 
display:none; 
}   


#content_1_1, #content_1_2, #content_2_1, #content_2_2, #content_3_1, #content_3_2, #content_4_1, #content_4_2
{
	float:left;	
	font-family:Calibri, Times New Roman, Arial;
	font-size: 13px;
	margin-top: 35px;
}

#content_1_1
{
	margin-left: 60px;	
	color:#30496f;
	font-weight:bold;
}

#content_1_2
{
	border-left: solid 1px #30496f;
	padding-left: 10px;
	margin-left: 10px;
	width:372px;
}

#content_2_1
{
	margin-left: 60px;	
	color:#30496f;
	font-weight:bold;
}

#content_2_2
{
	border-left: solid 1px #30496f;
	padding-left: 10px;
	margin-left: 10px;
	width:372px;
}

#content_3_1
{
	margin-left: 60px;	
	color:#30496f;
	font-weight:bold;
}

#content_3_2
{
	border-left: solid 1px #30496f;
	padding-left: 10px;
	margin-left: 10px;
	width:372px;
}

#content_4_1
{
	margin-left: 60px;	
	color:#30496f;
	font-weight:bold;
}

#content_4_2
{
	border-left: solid 1px #30496f;
	padding-left: 10px;
	margin-left: 10px;
	width:372px;
}

#curriculum_vitae
{
	position:absolute;
	margin-left: 1600px;
	width:564px;
	float:left;
}

#cv
{
	float:left;
	margin:auto;
	width: 564px;
	height: 374px;
	background-image:url(../images/cvfond.png);
	background-repeat:no-repeat;
}

#footer 
{
	position: absolute;
    bottom: 0;
	width: 100%;	
	height: 50px;
	float:left;
}

#footer_left
{
	float:left;
	margin-left: 0.5%;
}

#footer_right
{
	float:right;
	margin-right:2px;
}

#left_port
{
	float:left;
	background-image:url(../images/portfolio_fond_gauche.png);
	background-repeat:no-repeat;
	width: 185px;
	height: 342px;
}

#menutop
{
	height: 40px;
	width: 500px;
	float: left;
	margin-left: 5%;
}

#main_port
{
	background-image:url(../images/portfolio_fond.png);
	background-repeat: no-repeat;
	width: 470px;
	height: 345px; 
	float:left;
}

#main_port_top
{
	height: 180px;
	width:470px;
}

#main_port_bot
{
	height: 165px;
	width:400px;
}

#portfolio
{
	margin-top:4%;
	position:absolute;
	float:left;
	width: 1000px;
	margin-left:800px;
}

#onglets_port
{
	float:left;
	width: 27px;
	text-decoration:none;
}

#messError
{
	color:#F00;
	text-align:center;
}

.border_img
{
	border: solid 0px black;
}

@font-face {
    font-family: "Olivia";
    src: url(olivia.ttf);
}