/*----------------------------------------------------------------------------------*/

body{
	background-image : url(../Images/Autres/orange_blue_sky_blur.jpg);
	background-position : center center;
	background-attachment : fixed;
	background-color : #aaaaaa;
	background-size : cover;
	
	font-family : Arial;
    overflow-y: scroll;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

img{
	border : 0;
}

input{
	background : #fafafa;
	font-family : Verdana;
	border : 0;
	border-radius : 5px;
	padding : 5px;
	width : 350px;
}

input:hover{
	background : #ffffff;
}

input[type=file]{
	background : #fafafa;
	border-radius : 5px;
	padding : 0px;
}

select{
	background : #fafafa;
	font-family : Verdana;
	border-radius : 5px;
	border : 0;
	width : 350px;
}

textarea{
	background : #fafafa;
	font-family : Verdana;
	border : 0;
	border-radius : 5px;
	padding : 5px;
	width : 350px;
	height : 150px;
}

textarea:hover{
	background : #ffffff;
}

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

/*- DIVS GENERALES -----------------------------------------------------------------*/

#body{
	background-color : #eeeeee;
    background-color: rgba(245, 245, 245, 0.50);
	
	position: absolute;
	
	width : 1000px;
	min-height : 100%;
	
	margin-left : -500px;
	left : 50%;
}

#menu{
	position : relative;
	background-color : #e67e22;
	border-bottom : 3px solid #c65e02;
	border-radius : 0px 0px 5px 5px;
	width : 900px;
	margin : auto;
}

#page{
	position : relative;
	width : 900px;
	margin : auto;
}

#bottom{
	position : relative;
	background : #e67e22;
	border-radius : 5px;
	
	border-top : 3px solid #e67e22;
	border-bottom : 3px solid #c65e02;
	
	text-align : center;
	color : #ffffff;
	
	width : 900px;
	min-height : 25px;
	padding : 5px 0px 0px 0px;
	margin : auto;
	margin-bottom : 20px;
}

/*- CLASSES GENERALES --------------------------------------------------------------*/

.bloc{
	padding : 10px 25px;
	text-align : justify;
	font-size : 14px;
	
	background : #ffffff;
	border : 1px solid #eeeeee;
	border-bottom : 3px solid #d5d5d5;
	border-radius : 5px;
	margin : 15px 0px;
}

.titre{
	font-family : Verdana;
	font-size : 16px;
	font-weight : 600;
	border-bottom : 1px solid #d35400;
	padding : 5px 0 5px 0;
	margin-bottom : 15px;
}

.titre-center{
	font-family : Verdana;
	font-size : 16px;
	font-weight : 600;
	border-bottom : 1px solid #d35400;
	padding : 5px 0 5px 0;
	margin-bottom : 15px;
	text-align : center;
}

.titre-middle{
	font-size : 15px;
	font-weight : 700;
	border-bottom : 1px solid #d35400;
	padding : 3px 0 3px 0;
	margin-bottom : 10px;
}

.titre-middle-center{
	font-size : 13px;
	font-weight : 700;
	border-bottom : 1px solid #d35400;
	padding : 6px 0 3px 0;
	margin-bottom : 10px;
	text-align : center;
}

.titre-small{
	font-size : 13px;
	font-weight : 700;
	border-bottom : 1px solid #d35400;
	padding : 3px 0 3px 0;
	margin-bottom : 10px;
}

.h1{
	font-weight : 600;
	font-size : 25px;
}

.h2{
	font-weight : 600;
	font-size : 17px;
}

.text-small{
	font-size : 13px;
}

.tabulation{
	margin-left : 35px;
}

.separation-h{
	width : 100%;
	border-bottom : 1px dotted #bbbbbb;
	margin : 15px 0 15px 0;
}

.separation-h-invisible{
	width : 100%;
	height : 1px;
	margin-bottom : 15px;
}

.separation-h-top{
	height : 1px;
	margin-bottom : 15px;
}

.separation-h-bottom{
	height : 1px;
	margin-top : 15px;
}

/*- INDEX --------------------------------------------------------------------------*/

.box-index{
	background : #eeeeee;
	border : 1px solid #e2e2e2;
	border-bottom : 3px solid #cecece;
	font-size : 12px;
	width : 165px;
	min-height : 150px;
	padding : 10px 85px 10px 10px;
	border-radius : 5px;
}

.box-index:hover{
	background : #f9f9f9;
	border-bottom : 3px solid #e67e22;
}

/*- REALISATIONS -------------------------------------------------------------------*/

.box{
	position : relative;
	background : #eeeeee;
	border : 1px solid #e2e2e2;
	border-bottom : 3px solid #cecece;
	min-height : 150px;
	padding : 10px 10px 10px 10px;
	border-radius : 5px;
}

.box:hover{
	background : #f9f9f9;
	border-bottom : 3px solid #e67e22;
}

.box-corner{
	position : absolute;
	background-image : url(../Images/Autres/box_effect.png);
	background-position : top center;
	bottom : 0px;
	right : 0px;
	width : 50px;
	height : 50px;
}

.box:hover .box-corner{
	background-position : bottom center;
}

.separation-h-rea{
	width : 100%;
	border-bottom : 1px dotted #bbbbbb;
	margin : 15px 0 5px 0;
}

.contenue{
	height : 110px;
}

.mini{
	float : left;
	margin-right : 10px;
}

.mini img{
	border-radius : 5px;
	border : 1px solid #e2e2e2;
	border-bottom : 3px solid #bdbdbd;
}

/*- CURRICULUM ---------------------------------------------------------------------*/

.box-table{
	width : 100%;
}

.box-left{
	padding-right : 10px;
}

.box-right{
	background : #eeeeee;
	border : 1px solid #e2e2e2;
	border-bottom : 3px solid #cecece;
	width : 250px;
	padding : 10px;
	border-radius : 5px;
}

.box-right:hover{
	background : #f9f9f9;
	border-bottom : 3px solid #e67e22;
}

.photo{
	cursor : pointer;
	width : 250px;
}

.table-curriculum{
	width : 100%;
}

.table-curriculum tr td{
	padding-bottom : 13px;
}

.table-curriculum tr td:first-child{
	width : 150px;
}

/*- DEVIS --------------------------------------------------------------------------*/

.input{
	background : #fafafa;
	padding : 5px;
	border-radius : 5px;
	width : 350px;
}

.input:hover{
	background : #ffffff;
	padding : 5px;
	border-radius : 5px;
	width : 350px;
}

/*- REQUETTE -----------------------------------------------------------------------*/

#mini{
	border-radius : 5px;
	border : 1px solid #eeeeee;
	border-bottom : 3px solid #d5d5d5;
}