@charset "UTF-8";

/* CSS général */

*{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
}

body {
	background:#620301 url(../images/cssrouge/back.jpg) left top;
}

#portfolio {
	margin:0 auto;
	width:1017px;
	padding-top:55px;
}


/* Barre d'administration */

#barre {
	background-color:#000000;
	font-size:9px;
	height:23px;
	margin-bottom:25px;
	padding-left:27px;
	padding-top:7px;
	position:fixed;
	width:100%;
	z-index:40;
}

#barre p, #barre p a {
	color:#C7AC77;
	font-size:10px;
	height:31px;
	margin-top:-11px;
	width:250px;
}

#barre p strong {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#C7AC77;

}

#barre img {
	height:15px;
	margin-top:10px;
	padding-left:0;
	vertical-align:sub;
	width:15px;
}

#connexion {
	color:#F5EBC2;
	display:inline;
	float:right;
	margin-top:-18px;
	padding-right:55px;
}

#connexion p, #connexion p a, #connexion p a:hover {
	color:#C7AC77;
	font-size:10px;
	height:31px;
	margin-top:-1px;
	text-align:right;
	text-decoration:none;
}


/* Hauteur dynamique */

#header2 {
	height:240px;
	background-image:url(../images/cssrouge/header2.png);
}

#header3 {
	height:210px;
	background-image:url(../images/cssrouge/header2.png);
}

#content2 {
	background-image:url(../images/cssrouge/degrade.png);
	padding:0 169px 0 169px;
	min-height:460px;
}

#imagebas {
	height:421px;
	background-image:url(../images/cssrouge/content2.png);
}

#footer2{
	background-image:url(../images/cssrouge/footer2.png);
	background-repeat:no-repeat;
	color:#C7AC77;
	font-size:10px;
	height:90px;
	margin-top:-284px;
	padding:305px 350px 0;
	text-align:center;
}


/* Arabesques en haut de la page */

#arabesques{
	width:1017px;
	margin:auto;
	margin-top:-16px;
}

#gauche{
	height:204px;
margin-left:-1px;
margin-top:9px;
position:absolute;
width:186px;
}

#droite{
	height:326px;
	margin-left:347px;
	margin-top:-2px;
	position:absolute;
	width:300px;
}



/* Header */

#header {
	height:218px;
	background-image:url(../images/cssrouge/header2.png);
}

#header h1,h2, #header2 h1, #header3 h1 {
	display:none;
}



/* Contenu */

#content {
	height:421px;
	background-image:url(../images/cssrouge/degrade.png);
	padding:0 170px 0 180px;
	margin-top:-9px;
}

#contentcv {
	height:842px;
	background-image:url(../images/cssrouge/contentcv.png);
	padding:0 170px 0 180px;
}

#contentcv hr {
	background-image:url(../images/cssrouge/hr.png);
	border:0;
	height:7px;
	margin:auto auto 12px;
	width:320px;
}

#news img{
    margin-left:120px
}

#footer {
	background:url(../images/cssrouge/footer.png) no-repeat center;
	height:85px;
	padding:20px 350px 0 350px;
	color:#C7AC77;
	font-size:10px;
	text-align:center;
	margin-left:1px;
}

#footer a, #adminfooter a, #footer2 a, #footeradmin a {
	color:#C7AC77;
	font-size:10px;
	text-align:center;
	text-decoration:none;
}

#imgmenu img{
	margin-bottom:25px;
	border:0;
}

#adminfooter a {
	display:block;
	padding-top:30px;
}

#menu {
	padding:130px 152px 0 363px ;
	z-index:30;
	position:absolute;
}

#menu ul {
	list-style-type:none;
	margin-top:10px;
}

.intro {
	margin-bottom:25px;
}

#illuintro, #illuperso, #illuprint {
	height:383px;
	margin-left:287px;
	width:262px;
}

#illuintro, #illuprint {
	margin-bottom:28px;
	margin-top:-315px;
}

#illuperso {
	margin-top:-187px;
}

#illuintro img {
	float:right;
	margin-right:9px;
	margin-top:25px;
}

#illuperso img {
	float:right;
	margin-right:9px;
	margin-top:50px;
}

#illuprint img {
	float:right;
	margin-right:9px;
	margin-top:33px;
}

#menu ul li {
	display:inline;
	font-family:georgia;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	padding:0 10px;
}

#menu ul li a {
	text-decoration:none;
	font-family:georgia;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
}

#menu ul li a:hover {
	color:#5a4123;
}

#content .column {
	float:left;
	margin:5px;
	width:320px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:15px;
	color:#321;
	text-align:left;
	margin-bottom:15px;
}

strong {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:12px;
	color:#321;
	text-align:left;
	margin-bottom:15px;
}

h4, .infos {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:13px;
	color:#321;
	text-align:left;
	margin-bottom:5px;
}

.dates {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-size:13px;
	color:#321;
	text-align:left;
	margin-bottom:5px;
}

hr {
	width:320px;
	height:7px;
	background-image:url(../images/cssrouge/hr.png);
	border:0;
	margin-bottom:10px;
}

.news {
	font-size:10px;
	padding-bottom:10px;
}

#content p {
	margin-bottom:10px;
} 

.column img {
	border:1px #000 solid;
	float:right;
	margin-left:7px;
}

.galerie, .desription {
	margin:-77px 5px 5px 117px;
	width:265px;
}

#submenu {
	float:left;
	height:298px;
	margin: 2px 7px 0 -28px;
	width:138px;
}

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

#submenu ul li a, #submenu ul li a:hover, #submenu ul li a:visited, #submenu ul li a:active {
	display:block;
	font-family:georgia;
	font-size:13px;
	font-variant:small-caps;
	font-weight:bold;
	height:20px;
	margin:4px 0 0 24px;
	text-decoration:none;
}

dl dt, label {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-weight:bold;
	font-size:13px;
	color:#321;
	text-align:left;
	margin-bottom:5px;
}

dl dd {
	float:right;
}

#formulaire, #cv {
	float:left;
	width:450px;
}

#illustration {
	float:left;
	height:405px;
	margin-right:45px;
	width:150px;
}

#illustration img {
	border:1px solid #000;
}

#content fieldset {
	border:1px solid #EBD69B;
	padding:15px;
}

#content fieldset hr {
	background-image:url(../images/cssrouge/hr.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	border:0 none;
	clear:both;
	height:7px;
	margin:10px auto;
	padding:10px;
	width:320px;
}

em {
	font-size:11px;
	color:#321;
}

input, textarea {
	background-color:#FDF9E1;
	border:1px solid #EBD69B;
	color:#332211;
	float:right;
	margin-bottom:5px;
}

label {
	float:left;
}

#content input+br {
	clear:both;
}

.bouton {
	background-color:#EBD69B;
	color:#332211;
	margin:5px;
	text-align:center;
	width:70px;
}

#boutons {
	width:160px;
	margin:auto;
}

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

#cv p {
	text-align:right;
}

#principal {
	float:left;
	width:260px;
}

#contenucv {
	padding-top:100px;
	padding-left:195px;
}

#contenucv p{
	padding-bottom:30px;
}

#indexcontent {
	height:331px;
	width:821px;
	background-image:url(/portfolio/images/cssrouge/index_content.png);
	background-repeat:no-repeat;
}


/* Page d'accueil */


#rss h4 {
	margin-top:33px;
	margin-left:82px;
	font-size:15px;
}

#rss p {
	margin-left:59px;
	margin-top:10px;
}

#rss p a:hover {
	text-decoration:none;
	font-weight:bold;
}

#rss p a, #rss p a:link, #rss p a:visited, #rss p a:active {
	text-decoration:none;
}

#partiehaute{
	width:667px;
	position:relative;
}

#content2 h3 {
	display:none;
}

#partiehaute p {
	font-size:11px;
	line-height:14px;
	width:412px;
}

#rss {
	background:transparent url(../images/pageaccueil/rss.png) repeat scroll 0 0;
	height:126px;
	margin-left:420px;
	margin-top:-140px;
	position:absolute;
	width:256px;
}

#presentation {
	margin-top:20px;
}

#presentation p {
	color:#342401;
	font-size:11px;
	width:100%;
}

#presentation br {
	margin-bottom:15px;
}

#presentation strong {
	font-size:14px;
}

#presentation a {
	font-size:11px;
}

#presentation a:hover {
	font-weight:bold;
}

#news {
	margin-left:250px;
	margin-top:-197px;
	padding-left:25px;
	margin-bottom:10px;
}

#milieu {
	margin-top:10px;
}

#milieu dl {
	width:250px;
}

.travaux {
	margin-top:20px;
	border:1px solid #333;
	margin-bottom:20px;
}


/* Galeries */

#sousmenu {
	float:left;
	margin:0 0 7px -13px;
	width:138px;
}

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

#sousmenu ul li a, #sousmenu ul li a:hover, #sousmenu ul li a:visited, #sousmenu ul li a:active {
	display:block;
	font-family:georgia;
	font-size:13px;
	font-variant:small-caps;
	font-weight:bold;
	height:20px;
	margin:4px 0 0 24px;
	text-decoration:none;
}


/* Panneau d'administration */

#admin, #index {
	height:440px;
	width:821px;
	top:50%;
	left:50%;
	position:absolute;
	margin-top:-220px;
	margin-left:-410px;
}

#admincontent {
	height:331px;
	width:821px;
	background-image:url(../images/cssrouge/admin_content.png);
	background-repeat:no-repeat;
}

#adminfooter {
	height:109px;
	width:821px;
	background-image:url(../images/cssrouge/admin_footer.png);
	background-repeat:no-repeat;
}

#footeradmin{
	background:transparent url(../images/cssrouge/footerIE.png) no-repeat scroll center center;
color:#C7AC77;
font-size:10px;
height:85px;
margin-left:-104px;
margin-top:-21px;
padding:69px 0 0 82px;
text-align:center;
}

#admincontent fieldset {
	border:1px solid #EBD69B;
	margin-left:270px;
	margin-top:220px;
	padding:15px;
	position:absolute;
	width:217px;
}

#administration {
	height:395px;
	width:665px;
}

.erreur {
	font-size:10px;
	color:#900;
}

#contentcv #illustration {
	background-color:#009999;
	float:left;
	height:832px;
	margin-right:45px;
	width:150px;
	border:1px solid #000;
}

.index {
	margin-left:252px;
	margin-top:141px;
	border:0;
}


/* Choix templates */

#css {
	color:#000000;
	font-size:10px;
	margin-left:806px;
	margin-top:90px;
	position:absolute;
}

#css p, #css a, #css a:hover, #css a:visited, #css a:active {
	color:#C7AC77;
}


#galerie {
	margin-left:150px;
	width:525px;
	margin-top:-30px;
}

.miniatures {
	float:left;
}

#galeriegauche {
	float:left;
	position:relative;
	width:250px;
}

#galeriegauche p {
	font-size:9px;
	padding-bottom:10px;
}

/* Miniatures */

.miniature {
	width:82px;
	height:82px;
	background-image:url(../images/cssrouge/frame.png);
	background-repeat:no-repeat;
	float:left;
}

.miniature img {
	margin:6px;
	filter:alpha(opacity=70);
	-moz-opacity: .7;
}

.miniature img a {
	border:0;
}


#description {
	float:left;
	position:relative;
	width:250px;
	margin-left:22px;
}

#disclaimer {
	position:relative;
	clear:left;
	padding-bottom:9px;
	padding-top:22px;
}

#disclaimer p {
	border:1px solid #8d7c4e;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:8px;
	font-style:italic;
	padding:7px;
	text-align:center;
}

#description p {
	font-size:11px;
	line-height:14px;
	padding-bottom:13px;
}

#description h4 {
	padding-bottom:12px;
}