*{
	margin: 0px;
	padding: 0px;
}

@font-face {
	font-family : "Harabara";
	src : url('polices/Harabara.ttf') format('truetype');
}

body {
	font-family : "Gill Sans", arial;
	font-size : 14px;
	font-weight : lighter;
	color : #dedede;
	height : 100%;
	background-color : black;
}

a {
	text-decoration : none;
	outline : 0;
	-webkit-transition-property: color;
    -webkit-transition-duration: .4s;
    -moz-transition-property: color;
    -moz-transition-duration: .4s;
    transition-property: color;
    transition-duration: .4s;
}

a:link {
	color : #d9ea4b;
}

a:visited {
	/*color : #e77c21;*/
	color : #d9ea4b;
}

a:hover {
	color : #e77c21;
}

img {
	border : 0px;
}

h1, h2, h3, h4 {
	font-family : "Gill Sans", arial;
	font-size : 13px;
}

#rubrique strong, #sommaire strong {
	color : white;
	font-weight : 550;
}

#rubrique p, #sommaire p {
	margin-top : 8px;
	font-size : 10.1pt;
	text-indent : 10px;
	text-align : justify;
	line-height : 18px;
	letter-spacing : 1px;
}

/* Les boutons d'admin survolent la page (sauf # FORMULAIRE_ADMIN) */
.spip-admin-bloc,
.spip-admin-float {right: 5% !important;}

#super_generale {
	background : url(images/fond_entete.jpg) no-repeat center -1px;
}

#generale {
	position : relative;
	width : 810px;
	height : 1100px;
	margin : 0px auto 20px auto;
	text-align : left;
	padding-top : 50px;
	background : url(images/fond_generale.png) no-repeat 10px 123px;
}

#h1_descriptif {
	position : absolute;
	text-indent : -5000px;
}

#logo_site {
	position : absolute;
	margin-left : 46px;
}

#menu {
	position : absolute;
	/*right : 0px;
	padding-right : 0px;*/
	margin-top : 73px;
	margin-bottom : 20px;
	z-index : 100;
	list-style-type : none;
}

#menu li {
	float : left;
}

#menu dt {
	margin-left : 0px;
}

#menu a {
	font-size : 13px;
	color : #dedede;
}

#menu a:hover {
	color : white;
	background : none;
}

#accueil {
	display : block;
	height : 20px;
	width : 61px;
	background : url(images/menu/bouton-menu.png) no-repeat 1px 1px;
	padding : 5px 0 0 23px;
	margin-left : 40px;
}

#portfolio {
	display : block;
	height : 20px;
	width : 64px;
	background : url(images/menu/bouton-menu2.png) no-repeat 0 1px;
	padding : 5px 0 0 19px;
}

#contact {
	display : block;
	height : 20px;
	width : 63px;
	background : url(images/menu/bouton-menu2.png) no-repeat 0 1px;
	padding : 5px 0 0 20px;
}

#presentation {
	position : absolute;
	top : 190px;
	left : 60px;
	width : 515px;
}

#presentation h2 {
	font-family : "Harabara", "Gill Sans", arial;
	font-size : 16px;
	color : #d9ea4b;
	letter-spacing : 1pt;
	text-indent : -2000px;
}

#travaux {
	position : absolute;
	top : 385px;
	left : 230px;
	width : 560px;
}

#travaux h2 {
	font-family : "Harabara", "Gill Sans", arial;
	font-size : 16px;
	color : #d9ea4b;
	letter-spacing : 1pt;
	text-indent : -2000px;
}

#travaux ul {
	margin-top : 2px;
	font-size : 10.1pt;
	text-align : justify;
	line-height : 18px;
	letter-spacing : 1px;
	margin-left : 45px;
	list-style-image: url(images/puce.png);
}

#cms {
	position : absolute;
	top : 827px;
	left : 60px;
	width : 640px;
}

#cms h2 {
	font-family : "Harabara", "Gill Sans", arial;
	font-size : 16px;
	color : #d9ea4b;
	letter-spacing : 1pt;
	text-indent : -2000px;
}

#accompli {
	position : absolute;
	top : 583px;
	left : 60px;
	width : 715px;
}

#accompli h2 {
	font-family : "Harabara", "Gill Sans", arial;
	font-size : 16px;
	color : #d9ea4b;
	letter-spacing : 1pt;
	text-indent : -2000px;
}

#accompli p {
	width : 380px;
	line-height : 15px;
}

#accompli img {
	position : absolute;
	top : 0px;
	right : 0px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius : 9px;
	z-index : 99;
}

/*#a_logo {
	width : 319px;
	height : 168px;
	position : absolute;
	top : 14px;
	right : 0px;
	border : 1px solid #787878;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius : 10px;
	z-index : 100;
}*/

#lien_accompli {
	position : absolute;
	top : 163px;
	left : 212px;
	width : 160px;
	height : 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius : 10px;
}



#pied {
	position : absolute;
	top : 1105px;
	left : 22%;
	text-align : center;
	font-size : 9pt;
	line-height : 18px;
	letter-spacing : 1px;
}

/* ----------- portfolio ------------- */

#generale_rub {
	position : relative;
	width : 810px;
	height : 1100px;
	margin : 0px auto 20px auto;
	text-align : left;
	padding-top : 50px;
	background : url(images/fond_generale_rub.png) no-repeat 10px 123px;
}

#rubrique {
	position : relative;
	top : 120px;
	left : 60px;
}

#rubrique h2 {
	font-family : "Harabara", "Gill Sans", arial;
	font-size : 24px;
	color : #d9ea4b;
	letter-spacing : 1.5pt;
}

#descriptif_rub {
	margin-bottom : 40px;
}

#rubrique ul {
	list-style-type : none;
}

#rubrique li {
	margin-bottom : 80px;
}

#rubrique li h3 {
	font-family : "Harabara", "Gill Sans", arial;
	font-size : 16px;
	color : #d9ea4b;
	letter-spacing : 1pt;
	float : right;
	position : absolute;
	left : 330px;
	margin-top : -173px;
}

.lien_visite {
	position : relative;
	top : 15px;
	left : -321px;
	font-size : 9pt;
}

.txt_portfolio {
	float : right;
	position : absolute;
	left : 330px;
	margin-top : 15px;
	width : 380px;
	text-align : justify;
}

#pagination {
	float : right;
	position : relative;
	right : 100px;
}

.rounded-img {
    display: inline-block;
    border: solid 1px #787878;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -webkit-transition-property: border;
    -webkit-transition-duration: .4s;
    -moz-transition-property: border;
    -moz-transition-duration: .4s;
    transition-property: border;
    transition-duration: .4s;
}

.rounded-img:hover {
	border: solid 1px #f9f9f9;
}


/* ------ page contact ------ */

#super_generale_contact {
	background : url(images/fond_entete.jpg) no-repeat -760px -10px;
}

#formu_contact {
	position : relative;
	width : 555px;
	height : 350px;
	margin : 0px auto 0px auto;
	text-align : left;
}

#formu_contact ul {
	list-style-type : none;
}

#formu_contact form {
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
	background-color: rgba(255, 255, 255, 0.2);
	border : 1px solid grey;
	position : absolute;
	text-align : left;
	padding : 12px;
	top : 5px; 
	right : 0px; 
	margin-top : 5px;
	margin-right : 0px;
	*margin-right : -1px;
	font-family : "Gill Sans", arial;
	font-size : 13px;
	font-weight : lighter;
	color : #dedede;
}

#formu_contact fieldset {
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
	background-color: rgba(0, 0, 0, 0.6);
	border : 1px solid black;
	padding : 10px;
}

#formu_contact input[type=text] {
    display : block;
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    border-radius : 4px;
    border : 1px solid #d9ea4b;
    font-size : 13px;
    margin : 0 0 5px;
    padding : 5px;
    width : 203px;
    -webkit-background-clip: padding-box;
}

#formu_contact input[type=email] {
    display : block;
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    border-radius : 4px;
    border : 1px solid #d9ea4b;
    font-size : 13px;
    margin : 0 0 5px;
    padding : 5px;
    width : 203px;
    -webkit-background-clip: padding-box;
}

#formu_contact textarea {
    display : block;
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    border-radius : 4px;
    border : 1px solid #d9ea4b;
    font-size : 13px;
    padding : 5px;
    -webkit-background-clip: padding-box;
}

.submit {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    border-radius : 4px;
    background : #b6c917 url('images/bg-btn-green.png') repeat-x scroll 0 0;
    border : 1px solid #b6c917;
    color : #fff;
    text-shadow : 0 -1px 0 #b6c917;
    padding : 4px 10px 5px;
    font-size:11px;
    margin: 10px 5px 0 0px;
    font-weight:bold;
}

.submit::-moz-focus-inner {
	padding:0;
	border:0;
}

.submit:hover, #signin_submit:focus {
	background-position:0 -14px;
	cursor:pointer;
}

.erreur_message {
	color : red;
	font-weight : 550;
}

.previsu {
	margin-bottom : 10px;
}

.previsu span {
	font-weight : 600;
	padding-bottom : 5px;
}

.previsu ul {
	background-color: rgba(255, 255, 255, 0.6);
	border : 1px solid grey;
	-moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    border-radius : 4px;
    padding : 5px 10px 10px 10px;
    margin : 5px;
    color : black;
    font-family : "Gill Sans", arial;
}

.previsu li {
	margin-top : 5px;
}

.previsu strong {
	font-size : 14px;
	font-weight : normal;
}

.previsu p {
	font-size : 14px;
	text-align : justify;
	font-weight : normal;
}

.messages_resultat p {
	-moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    border-radius : 4px;
    background : #39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border : 1px solid #39d;
    color : #fff;
    text-shadow : 0 -1px 0 #39d;
    padding : 4px 10px 5px;
    font-size:12px;
    margin: 10px 5px 0 0px;
    font-weight:bold;
    text-align : center;
}

/* ------ page mentions ------ */

#super_generale_mentions {
	background : url(images/fond_entete.jpg) no-repeat -760px -10px;
	height : 425px;
}

#mentions {
	position : relative;
	width : 530px;
	margin : 0px auto 0px auto;
	text-align : left;
	margin : 20px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
	background-color: rgba(255, 255, 255, 0.2);
	border : 1px solid grey;
}

#contenu_mentions {
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
	background-color: rgba(0, 0, 0, 0.8);
	border : 1px solid black;
	padding : 10px;
	margin : 10px;
}

#contenu_mentions h1 {
	font-family : "Harabara", "Gill Sans", arial;
	font-size : 24px;
	color : #d9ea4b;
	letter-spacing : 1.5pt;
	margin-bottom : 10px;
}

#contenu_mentions h2 {
	font-size : 15px;
	letter-spacing : 1px;
	margin : 15px 0 5px 0;
}

#contenu_mentions p {
	font-size : 10pt;
	line-height : 18px;
	letter-spacing : 1px;
	text-indent : 10px;
}






/* ---- code version mobile ---- */

@media only screen and (max-device-width:640px), only screen and (max-width:640px) {

	body {
		width: auto !important;
		font-size: 1.5em !important;
		font-weight : normal !important;
	}
	
	#slider {
		display : none !important;
	}
	
	#rubrique p, #sommaire p {
		margin-top : 15px !important;
		font-size : 1.7em !important;
		text-indent : 40px !important;
		text-align : justify !important;
		line-height : 125% !important;
		letter-spacing : 1px !important;
	}
	
	#rubrique strong, #sommaire strong {
		color : white !important;
		font-weight : 700 !important;
	}
	
	#super_generale {
		background-color : #000 !important;
		padding : 0 40px 0 40px;
	}
	
	#generale {
		position : relative !important;
		width : auto !important;
		height : auto !important;
		margin : 0px 20px 20px 20px !important;
		text-align : left !important;
		padding-top : 10px !important;
		background : none !important;
		/*-webkit-border-radius : 10px;
    	border-radius : 10px;*/
	}
	
	#logo_site {
		position : relative !important;
		margin-left : 50px !important;
	}
	
	#logo_site img {
		/*background-color: rgba(255, 255, 255, 0.6);
		-webkit-border-radius : 10px;
    	border-radius : 10px;
    	padding : 10px;*/
	}
	
	#menu {
		position : relative !important;
		/*right : 0px;
		padding-right : 0px;*/
		margin-top : 30px !important;
		margin-bottom : 0px !important;
		z-index : 100 !important;
		text-align : center !important;
	}

	#menu dl {
		float : none !important;
		display : inline-block !important;
		background-color: rgba(0, 0, 0, 0.6) !important;
		-webkit-border-radius : 20px !important;
    	border-radius : 20px !important;
    	border : 5px solid #dedede !important;
    	text-align : left !important;
    	margin-left : 10px !important;
	}

	#menu dt {
		margin-left : 0px !important;
	}

	#menu a {
		font-size : 2.5em !important;
		color : #dedede !important;
	}

	#menu a:hover {
		color : white !important;
		background : none !important;
	}

	#accueil {
		display : block !important;
		height : 100% !important;
		width : 100% !important;
		background : none !important;
		padding : 15px !important;
		margin-left : 0px !important;
	}

	#portfolio {
		display : block !important;
		height : 100% !important;
		width : 100% !important;
		background : none !important;
		padding : 15px !important;
	}

	#contact {
		display : block !important;
		height : 100% !important;
		width : 100% !important;
		background : none !important;
		padding : 15px !important;	
	}
	
	#sommaire {
		margin-top : 30px;
		background : rgba(0, 0, 0, 0.6) !important;
		-webkit-border-radius : 20px !important;
    	border-radius : 20px !important;
		padding : 30px;
		border : 5px solid #dedede !important;
	}
	
	#presentation {
		position : relative !important;
		top : 0px !important;
		left : 0px !important;
		width : auto !important;
	}

	#presentation h2 {
		font-family : "Harabara", "Gill Sans", arial !important;
		font-size : 2em !important;
		color : #d9ea4b !important;
		letter-spacing : 1pt !important;
		text-indent : 0px !important;
	}

	#travaux {
		position : relative !important;
		top : 150px !important;
		left : 0px !important;
		width : auto !important;
	}

	#travaux h2 {
		font-family : "Harabara", "Gill Sans", arial !important;
		font-size : 2em !important;
		color : #d9ea4b !important;
		letter-spacing : 1pt !important;
		text-indent : 0px !important;
	}

	#travaux ul {
		margin-top : 10px !important;
		font-size : 1.5em !important;
		text-align : justify !important;
		line-height : 125% !important;
		letter-spacing : 1px !important;
		margin-left : 0px !important;
		list-style-image: url(images/puce.png) !important;
	}

	#cms {
		position : relative !important;
		top : 150px !important;
		left : 0px !important;
		width : auto !important;
	}

	#cms h2 {
		font-family : "Harabara", "Gill Sans", arial !important;
		font-size : 2em !important;
		color : #d9ea4b !important;
		letter-spacing : 1pt !important;
		text-indent : 0px !important;
	}

	#accompli {
		position : relative !important;
		top : 150px !important;
		left : 0px !important;
		width : auto !important;
}

	#accompli h2 {
		font-family : "Harabara", "Gill Sans", arial !important;
		font-size : 2em !important;
		color : #d9ea4b !important;
		letter-spacing : 1pt !important;
		text-indent : 0px !important;
	}

	#accompli p {
		width : auto !important;
	}

	#accompli img {
		position : relative !important;
		top : 0px !important;
		right : 0px !important;
		-webkit-border-radius: 9px !important;
		-moz-border-radius: 9px !important;
		border-radius : 9px !important;
		z-index : 99 !important;
	}

/*#a_logo {
	width : 319px;
	height : 168px;
	position : absolute;
	top : 14px;
	right : 0px;
	border : 1px solid #787878;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius : 10px;
	z-index : 100;
}*/

	#lien_accompli {
		position : relative !important;
		top : 0px !important;
		left : 0px !important;
		width : auto !important;
		height : auto !important;
		-webkit-border-radius: 10px !important;
		-moz-border-radius: 10px !important;
		border-radius : 10px !important;
	}
	
	#super_generale_contact {
		background : #000 !important;
	}



	#pied p {
		color : #dedede;
	}

}

@media only screen and (max-device-width:640px) and (orientation:landscape)  {
    #rubrique p, #sommaire p  {
        font-size: 1em !important;
    }
}