/* merci à http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ on reset tout pour etre tranquile */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, p.spip, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/*Ici commence le template proprement dit de Francesco Cremonese*/

body {
margin : auto;
padding : auto;
font : 75% "lucida sans", "Trebuchet MS", verdana, tahoma, arial, sans-serif;
line-height : 1.7em;
color : #FFF6E7;
background: #37342F;
}

a:link, a:visited, a:active {
color : #C7BFB2;
background : inherit;
text-decoration: underline;
}

a:hover {
color : #7A7B75;
background : inherit;
text-decoration: none;
text-decoration: underline;
}

#rubrique p a.introrubrique{
text-decoration:none;
}

#rubrique p a:hover.introrubrique{
text-decoration:none;
}


h1 {
margin : 0;
padding : 20px;
font-size : 130%;
color : #C7BFB2;
background : inherit;
}

#content h1 {
padding : 10px 0 10px 30px;
margin : 0;
font-size : 130%;
color : #C7BFB2;
background : inherit;
}

#content h2 {
padding : 10px 0 10px 30px;
margin : 0;
font-size : 120%;
color : #C7BFB2;
background : inherit;
}

#content h3 {
padding : 10px 0 10px 30px;
margin : 0;
font-size : 110%;
color : #C7BFB2;
background : inherit;
}


/* truc specifique au squelette fr a reporter sur les autres css le nom de l'image */
#imagedefond{
width : 850px;
height:auto;
background: #37342F url(images/fond-fr.jpg)  no-repeat;
margin-left : auto;
margin-right : auto;
}

#container {
/* width : 750px;*/
margin-left : auto;
margin-right : auto;
margin-top: 10px;
color : #FFF6E7;
background : #37342F;
border-right : 2px solid #C7BFB2;
border-left : 2px solid #C7BFB2;
}


/* truc specifique au squelette fr a reporter sur les autres css le nom de l'image */
#header {
/* 
width : 750px;
height : 172px;
*/
border-bottom : 0 solid #ccc;
background : transparent url(images/head_fr.jpg) no-repeat;
margin-bottom : 0;
}

#header h1 {

visibility:hidden;
}

.hidden{
visibility:hidden;
}



#title {
width : 750px;
height : 50px;
margin-bottom : 10px;
background : transparent url(images/title-.jpg) no-repeat;
}

#title p {
text-align : center;
letter-spacing : 5px;
color : #C7BFB2;
background : inherit;
font-size : 130%;
padding : 20px 0 20px 0;
}

#title p.spip {
text-align : center;
letter-spacing : 5px;
color : #C7BFB2;
background : inherit;
font-size : 130%;
padding : 20px 0 20px 0;
}

#leftcol {
/*width : 160px;*/
float : right;
padding : 0px;
}

#leftcol p {
padding : 5px 20px 5px 20px;
margin : 0;
}

#leftcol h2 {
margin : 0;
margin-bottom: 15px;
font-size : 120%;
color : #C7BFB2;
background : inherit;
text-align :left;
margin-left: 0;
}

#leftcol ol, ul {
font-size : 90%;
color : #7A7B75;
background : inherit;
}

/*
#diversleft {
width : 160px;
float : right;
padding : 0px;
margin-left : 20px;
}

#diversleft h2 {
margin-top: 15px;
padding: 0px;
text-align:left;
margin-left: Opx;
}

#diversleft ul {
margin-left : 0;
padding-left : 0;
list-style-type : square;
list-style-position: inside ;
font-size : 100%;
}
*/

#content {
margin-right : 0;
/*
width : 570px;
height: 550px;
*/
font-size : 100%;
}

#hierarchie{
margin-left: 30px;
font-style: italic;
}

html>body #content {
height: auto;
min-height: 550px;
} /*hack pour ie et opera http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer*/
	

#content p {
padding : 10px 10px 10px 30px;
margin : 0;
text-align: justify;
}

#content p.spip {
padding : 10px 10px 10px 30px;
margin : 0;
text-align: justify;
}


#content .right{
text-align:right;
}


img{
margin:0px;
padding:0px;
margin-left: 5px;
margin-right: 10px;
margin-top:30px;
}

img.typo {
border:0;
margin:5px;
padding:0px;
}

img.spip_logos {
border:0;
float:left;
margin-right:10px;
padding-right:10px;
margin-left:30px;
margin-top:15px;
}


#footer {
/*
width : 750px;
height : 50px;
*/
clear : right;
border-top : 1px solid #C7BFB2;
background-color: inherit;
color : #C7BFB2;
padding : 5px 0 5px 0;
margin-top: 15px;

}

#footer p {
text-align : center;
padding-left : 25px;
font-size : 0.9em;
}

/*
#footer a:link, a:visited, a:active {
color : #C7BFB2;
background : inherit;
text-decoration : none;
}

#footer a:hover {
color : #FFF6E7;
background : inherit;
text-decoration : underline;
}
*/

#navcontainer {
margin-left : 0px;
}

#navcontainer ul {
margin-left : 0;
padding-right: 1rem;
list-style-type : none;
font-weight: bold;
}

#navcontainer a {
display : block;
padding : 1rem;
/*width : 150px;*/
background-color : #36332F;
color : #000100;
border-bottom : 1px solid #C7BFB2;

}
/*Pour les sous-rubriques du menu*/
#navcontainer ul ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-weight: bold;
text-align: right;
}

#navcontainer a:link, #navlist a:visited {
background : inherit;
color : #000100;
background-color : #85827D;
text-decoration : none;
}

#navcontainer a:hover {
color : #36332F;
background-color : #C7BFB2;
}

#navcontainer a.on {
background-color : #B6B5B2;
}

.formulaire_spip formulaire_recherche{
margin: 20px;
padding: 20px;
}

/*pour le forum */
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
margin-top: 2em;
width: 12em;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.commentbox{
background-color: #97948f;
width: 33em;
padding: 10px;
}

.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
}

p.right{
text-align:right;
}

p.left{
text-align:left;
}

#documents_portfolio{
padding : 5px 20px 5px 30px;
margin : 0;	
}
#documents_portfolio h3{
padding : 0;
margin : 0;
margin-bottom: 10px;
text-align: justify;	
}



#formulaire_menu_lang{
padding: 0px;
margin: 0px;
text-align:right;
color: #000;
}

#formulaire_recherche{
margin: 30px;
}

/*transparence sous ie spip 1.9.2 jquerise dans la 1.9.3*/
.format_png {
behavior: url(win_png.htc); 
}

.spip_surligne {
background: yellow; 
}

#content .formulaire_spip {
margin-left:30px;
}/*formulaire de recherche sur recherche*/

.spip_doc_titre{
margin-left:30px;
}

#flashcontent{
margin-left:30px;
}