@charset "utf-8";
/* CSS Document */

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff;
}
* {
	margin:0;
	padding:0;
	
}

img{
	border:0;
}


header, nav, footer, figure, section, banner{
  display: block;
}

/***************************************/
/****************Layout*****************/
/***************************************/


#main {
	width:960px;
	margin:auto;
	color: #404040;
	overflow:auto;
	padding:0;
	background: #FFF;
}

#top{
	background: url('images/cran.png') #FFF repeat-x bottom left;
	height:180px;
}

header {
	float:left;
	width:100%;
	padding:0px;
	height:130px;
}

banner {
	width:960px;
	height:130px;
	margin:auto;
	padding:0;
}

#titremiwispace{
	height:130px;
	width:500px;
	float:left;
}

nav{
	background: #444444;
	width:100%;
	height:30px;
	float:left;
}

#menu{
	width:916px;
	padding: 5px 0 5px 44px;
	margin:0 auto;
	list-style-type:none;
	
}

#menu li{
	margin: 0 20px 0px 0;
	padding:0;
	float:left;
	list-style-type:none;
}

#menu li a:link, #menu li a:hover, #menu li a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#content {
	width:920px;
	float:left;
	padding:20px;
}

.box{
	margin:0 0 20px 0;
	width:100%;
	float:left;
	overflow:auto;
	
}

.titre{
	float:left;
	overflow:auto;
	width:900px;
	padding:10px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	-moz-border-radius:8px 8px 0 0 ;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}

.titre a:link, .titre a:hover, .titre a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

.detail{
	width:890px;
	padding:15px;
	overflow:auto;
	float:left;
	background:#f4f4f4;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
}

/*************************************/
/****************Blog*****************/
/*************************************/

#divblog{
	height:543px;
}

#elementsBlog{
	position:relative;
	width:650px;
	height:500px;
	/*float:left;*/
	color:#000;
	margin:auto;
}

.elmtblog{
	width:100%;
	height:500px;
	float:left;
	margin:auto;
	color:#000;
	overflow:auto;
}

.elmtblog p{
	width:100% !important;
	margin: 5px auto;
	font-size:10px;
	float:left;
	text-align:justify;
}

.elmtblog div{
	width:100% !important;
	margin:5px auto;
	float:left;
	text-align:center;
}


.elmtblog img{
	width:auto !important;
	max-height:200px !important;
	margin:auto;
}

.elmtblog object{
	width:400px !important;
	height:300px !important;
}

.elmtblog embed{
	width:400px !important;
	height:300px !important;
}

/*************************************/
/***************Twitter***************/
/*************************************/

#divtwitter{
	height:113px;
}

#titretwitter{
	background: #33ccff;
}

#elementsTwitt{
	position:relative;
	height:60px;
	color:#000;
}

.elmttwitt{
	width:100%;
	padding:0;
	float:left;
	margin:auto;
	color:#000;
	font-size:15px;
}

.dateTwitt{
	font-size:11px;
	font-variant:small-caps;
	color:#000 !important;
	margin-bottom:2px;
}

.elmttwitt p{
	width:100% !important;
	margin: 5px auto;
	float:left;
	text-align:justify;
}

#elementsTwitt a:link, #elementsTwitt a:visited {
	color:#FF6600;
	text-decoration:none;
}

#elementsTwitt a:hover{
	color:#FF6600;
	text-decoration:underline;
}


/*************************************/
/***************Youtube***************/
/*************************************/

#titreyoutube{
	background: #ff5f5f;
}

#Yfg, #Yfd{
	height:25px;
	width:141px;
	float:left;
	text-align:center;
	margin: 10px 0;
	padding:170px 0;
}

#Yfg img, #Yfd img{ 
	cursor:pointer
}

#elementsYoutube{
	position:relative;
	width:608px;
	height:366px;
	float:left;
	color:#000;
	margin: 10px 0;
	overflow:hidden;
}

.elmtyoutubeinter{
	width:608px;
	height:366px;
	float:left;
	margin:auto;
}

.elmtyoutube{
	width:120px;
	height:90px;
	float:left;
	margin:auto;
	color:#000;
	padding:5px;
	margin:10px;
	border: 1px solid #666;
}

/************************************/
/***************Flickr***************/
/************************************/

#titreflickr{
	background: #0063dc;
}


footer {
	margin:auto;
	width:100%;
	height:50px;
	padding:20px;
	background: #444444;
	float:left;
}

footer p{
	color: #fff;
	margin:auto;
	padding: 10px 0;
	width:960px;
}

h2{
	margin:19px 0;
}

h3{
	color:#000;
	margin:0 auto;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}