/* Définition des polices personnalisées */

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Eléments principaux de la page */

body
{
	
    background-color: rgb(275,255,200);
    font-family: 'Sim Sun','Time New Roman','Trebuchet MS', Arial, sans-serif;
	color: black;
}
#page
{
	width: 1200px;
	margin: auto;
	font-family: Dayrom, serif;
}
h1
{
	font-size: 4em;
	font-weight: normal;	
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 0px;
}
h2
{
	font-weight: normal;
	font-size: 2em;
	text-decoration: underline;	
	padding-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
h3
{
	font-weight: normal;
	font-size: 2em;
	text-decoration: none;	
	padding-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
h6
{
	font-size: 1.5em;
	font-weight: normal;	
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
p
{	
	font-weight: normal;
	font-size: 24px;
	text-align: justify;
	text-indent: 70px;
	line-height: 30px;
	padding-top: 20px;
	padding-left: 100px;
	padding-right: 80px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}  
figure
{
	padding-top: 15px;
	padding-bottom: 15px;
	margin: auto;
}
img
{
	display: block;
	margin: auto;
}
blockquote
{
	font-weight: normal;
	font-size: 24px;
	text-align: justify;
	text-indent: 20px;
	line-height: 20px;
	padding-top: 5px;
	padding-left: 150px;
	padding-right: 100px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
} 
article
{
	
	margin-left: 50px;
}

aside
{
	margin-left: 330px;
}
cite
{
	
	margin-left: 200px;
}
figcaption
{
	margin-left: 150px;
}
video
{
	
	margin-left: 30px;
	margin-top: 10px;
	padding-top: 0px;
	
	padding-bottom: 0px;
	margin-bottom: 10px;
}
figcaption, aside, cite, article, image, video
{
	
	display: inline-block;
	vertical-align: top;
}

#postscript
{
	background-color: white;
	width: 1000px;
	

	
	margin: auto;
	margin-bottom: 15px;
	font-family: Dayrom, serif;
}
#postscript p
{	
	text-indent: 20px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
}
#postscript article
{
	margin-left: 50px;
}
#postscript aside
{
	margin-left: 150px;	
}
#postscript cite
{
	margin-left: 300px;	
}
#postscript figcaption
{
	margin-left: 0px;	
}
#postscript video
{
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
}
#postscript blockquote
{	
	
	padding-left: 50px;
	padding-right: 50px;
}
#postscript h3
{
	text-align: center;
	font-size: 24px;
}
#postscript h4
{
	width: 900px;
	border: 1px solid black;
	border-radius: 5px;
	margin: auto;
	padding: 15px;
	font-family: Dayrom, serif;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
    font-style: normal;
}

#medium video
{
	margin-top: 0px;
	margin-left: 350px;
	padding-top: 0px;	
	padding-bottom: 0px;	
}
#medium figure
{
	border: 1px solid black; 		
	margin-top: 0px;
	margin-left: 20px;
	padding-top: 0px;	
	padding-bottom: 0px;	
}
#medium cite
{
	border: 1px solid red;
	margin-top: 0px;
	margin-left: 20px;
	padding-top: 0px;	
	padding-bottom: 0px;	
}
#medium article
{
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;	
	padding-bottom: 0px;	
}
#facteur video
{
	margin-top: 15px;
	margin-left: 350px;
}
#force video
{
	margin-top: 15px;
	margin-left: 250px;
}
#force article
{
	margin-left: 50px;
}

section
{
	background-color: rgb(255,255,223);
	border: 1px solid black;
	width: 1200px;	
}
header
{
	height: 135px;
	padding-top: 70px;
}
header h1
{
	font-weight: normal;
	text-align: center;
	font-family: Dayrom, serif;
	font-size:  3.5em; 
	line-height: 40px;
	text-transform: uppercase;
	margin-top: 0px;
	padding: 0px;	
	color: black;
}
#banniere
{
    margin: auto;
    height: 345px;
	width: 1080px;
    border: 1px solid black;
	border-radius: 5px;
    background: url('images/adam.png') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
	margin-bottom: 30px;	
}
#surrealisme
{
    margin: auto;
    height: 345px;
	width: 1080px;
    border: 1px solid black;
	border-radius: 5px;
    background: url('images/surrealism.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
	margin-bottom: 30px;	
}
#lacombe
{
	background-color: white;
	width: 750px;
	margin-left: 205px;
	padding-left: 10px;
}
#vecteurs a, em
{
	
	font-weight: normal;
	font-size: 24px;
	text-align: justify;
	text-indent: 0px;
	line-height: 40px;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.alloprof
{
	text-decoration: overline;
}
.math
{
	font-family: Time New Roman;
	padding: 0 .1em;
	font-size: 24px;
	font-style: normal;
	text-indent: 0px;
}
.frac{
  display:inline-block;
  margin-left:.1em;margin-right:.1em;
  vertical-align:-64%;
  text-align:center;
}
.frac > .num, .frac > .den{
  display:inline-block;
  padding:0 .1em;
}
.frac > .fracbar {display:block;
  height:0;margin:0;border:0;
  border-bottom:.1em solid;
  overflow:hidden;
}
.den{vertical-align:top;}

.vect
{
	
	display:inline-block;
	margin-left: 5px;
    position:relative;
    font-size:1em;
    border-top:.11em solid;
	text-indent: 0px;
}
.vect:before
{
	content:">";
    font-family:arial;font-size:.8em;
    display:inline-block;margin-right:-.2em;
    position:absolute;right:0;
    width:.6em;top:-.65em
}

.suite
{
	
	margin-top: 0px;	
	font-size: 20px;
	line-height: 30px;
	font-style: italic;	
	padding-left: 410px;
}
.ndlr
{
	width: 820px;
	margin: 0px;
	font-weight: normal;
	font-size: 24px;
	text-indent: 20px;
	text-align: justify;
	line-height: 24px;
	padding-top: 0px;
	padding-left: 110px;
	padding-right: 80px;
	padding-bottom: 0px;
}
.titre
{
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	font-style: normal;	
	text-align: center;
	margin-top: 0px0;
	margin-bottom: 0px;
}
.notabene
{
	width: 820px;
	margin: 0px;
	font-weight: normal;
	font-size: 20px;
	text-indent: 20px;
	text-align: justify;
	line-height: 20px;
	padding-top: 0px;
	padding-left: 110px;
	padding-right: 80px;
	padding-bottom: 0px;
}

.camus
{
	
	border: 1px solid black;
	border-radius: 15px;
	background-color: white;
	width: 765px;
	margin-left: 160px;
	text-align: justify;
	text-indent: 0 px;
	font-size: 2em;
	padding-top: 20px;
	padding-left: 60px;
	padding-right: 60px;
    padding-bottom: 20px;
	margin-bottom: 40px;
}
audio
{
	border-radius: 5px;
	display: block;
	margin: auto;
}


.imageflottante
{
	float: left;
}
.flottantdroit
{
	float: right;
}
.abstraction
{
	float: right;
}
#intensif article
{
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: bottom;
}
#intensif aside
{
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: bottom;
}
#intensif h1
{
	border: 1px solid black;
	
	border-radius: 10px; 
	width: 500px;
	margin-left: 350px;
	margin-top: 10px;
	padding: 10px;
}
#intensif h3
{
	border: 1px solid black;
	font-size: 3em;
	font-weight: normal;	
	text-align: center;
	border-radius: 10px; 
	width: 400px;
	margin-left: 370px;
	margin-top: 30px;
	margin-bottom: 25px;
	padding: 10px;
}
#visavis h1
{
	font-size: 3em;
}
#visavis article
{
	
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
}
#visavis aside
{
	margin-left: 10px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: middle;
}

#visavis figcaption
{
	width: 500px;
	margin-left: 150px;	
	display: inline-block;
	vertical-align: middle;
}
#visavis cite
{
	width: 400px;
	margin-left: 110px;	
	display: inline-block;
	vertical-align: middle;
}
#visavis video
{
	margin-left: 50px;
}
#visavis aside, article, figcaption, cite, video
{
	
	display: inline-block;
	vertical-align: middle;
}
#affine aside
{
	margin-left: 13px;
	vertical-align: middle;
}
#affine article
{
	margin-left: 150px;
	vertical-align: bottom;
}
#affine cite
{
	margin-left: 300px;
	vertical-align: bottom;
}


#lacombe
{
	background-color: white;
	border: 1px solid black;
	width: 1010px;
	margin-left: 105px;
}



strong
{
	font-style: normal;
	font-weight: bold;
}
mark
{
	font-weight: normal;
	font-size: 20px;
	background-color: rgb(255,255,223);
}
em
{
	font-style: normal;
}

a, h6 a
{
	color: black;
	text-decoration: none;
}
#rotation figcaption, video
{
	display: inline-block;
	vertical-align: top;
}
#rotation aside
{	
	margin-left:900px;
}
#rotation figcaption
{
	margin-left:500px;
}
#rotation article
{
	margin-left:500px;
}
#rotation cite
{
	margin-left: 100px;
}
#blocktitre h1
{
	font-size: 4em;
	font-weight: normal;	
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#apartirde h1
{
	text-align: center;
	font-size: 24px;
	font-weight: normal;	
	padding-top: 30px;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 0px;
}
#apartirde h3
{
	background-color: white;
	border: 1px solid black;
	border-radius: 10px; 
	width: 1150px;
	margin-left: 10px;
	padding: 15px;
	padding-bottom: 15px;
	font-weight: normal;
	text-indent: 15px;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
}
#apartirde h4
{
	background-color: white;
	border: 1px solid black;
	border-radius: 10px; 
	width: 815px;
	margin-left: 170px;
	margin-bottom: 0px;	
	padding: 15px;
	
	font-weight: normal;
	text-indent: 15px;
	font-size: 24px;
	text-align: justify;
	line-height: 30px;
}
#apartirde h5
{
	background-color: white;
	border: 1px solid black;
	border-radius: 10px; 
	width: 1000px;
	margin-left: 100px;
	padding: 15px;
	padding-bottom: 15px;
	font-weight: normal;
	text-indent: 15px;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
}
#apartirde h6
{
	background-color: white;
	border: 1px solid black;
	border-radius: 10px; 
	width: 400px;
	margin-left: 100px;
	padding: 15px;
	padding-bottom: 15px;
	font-weight: normal;
	text-indent: 15px;
	font-size: 24px;
	text-align: justify;
	line-height: 30px;
}
#apartirde article
{
	background-color: white;
	
	border-radius: 10px; 
	width: 800px;
	margin-left: 200px;
	padding: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: normal;
	text-indent: 15px;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
}
#apartirde figcaption
{
	background-color: white;

	border-radius: 10px; 
	width: 600px;
	margin-left: 100px;
	padding: 15px;
	padding-bottom: 15px;
	font-weight: normal;
	text-indent: 0px;
	font-size: 24px;
	text-align: justify;
	line-height: 30px;
	padding-left: 25px;
}
#apartirde aside
{
	background-color: white;

	border-radius: 10px; 
	width: 255px;
	margin-left: 70px;
	padding: 10px;
	padding-bottom: 0px;
	font-weight: normal;
	text-indent: 5px;
	font-size: 24px;
	text-align: left;
	line-height: 30px;
	padding-left: 25px;
}
#peintre h3
{
	background-color: white;
	width: 630px;
	margin-left: 250px;
	
	font-weight: normal;
	font-size: 24px;
	text-align: justify;
	text-indent: 20px;
	line-height: 30px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 20px;
	padding-bottom: 25px;
}
#peintre h4
{
	background-color: white;
	width: 1000px;
	margin-left: 150px;
	
	font-weight: normal;
	font-size: 24px;
	text-align: justify;
	text-indent: 20px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 25px;
}
a:hover, h6 a:hover, h5 a:hover, footer a:hover 
{
	color: grey;
	text-decoration: none;
}
footer a
{
    font-weight: normal;	
	text-decoration: none;
	color: #181818;
	font-family: Dayrom, serif;
	font-size: 1.2em;
	margin-left: 820px;
	text-transform: uppercase;
}
footer h3 a  
{
	font-size: 1em;	
	margin-left: 485px;
	color: black;
}
footer h5 a
{	
	font-size: 1em;	
	margin-left: 25px;
}
/* Correctifs pour les vieilles versions d'Internet Explorer */

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
{
    display: inline;
    zoom: 1;
}

/* Quelques ajustements pour les vieilles versions d'IE */

.old_ie section h1, .ie8 section h1
{
    font-size: 1.1em;
}

.old_ie footer div, .ie8 footer div
{
    margin-top: 10px;
    background: url('images/separateur.png') repeat-x top;
}