/*
Theme Name: Custon_Switch
Theme URI: 
Description: Matth for SWiTCH.
Version: 0.1
Author: Matth
Creation Theme by Matth
*/

body {
font-family: 'Lucida Grande', Arial, Helvetica, Sans-serif;
font-size: 0.8em;
text-align: left;
background: rgb(149, 190 ,15) /*vert*/;
color: rgb(72,34, 0) /*marron*/ ;
padding-top: 5px;
margin: 0;
}

#page {
margin: 0 auto 0 auto;
background: #ffffff;
width: 1000px;
}

#header {
font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, Georgia, Sans-serif;
margin-left: -38px ;
margin-top: 2px;
background-image: url(img/switchrect1.png) ;
background-repeat:no-repeat;
/*display:none;  permet de ne pas afficher le titre du blog et la description */
}

.left {
float:left;
margin-right : 15px;
margin-bottom : 5px; }

.block{
float:left;
display:block;}

img {border: 0 none;}

h1 {



text-align :center;



}







.none {



display:none;



}



.menu1 {



float: left;



width: 138 px;



margin-bottom: 20px;







}







#content {



float: left;



width: 560px;



padding : 20px;



margin-bottom: 20px;



min-height: 400px;



}



 



#contentpage {



float: left;



width: 860px;



padding : 20px;



margin-bottom: 20px;



min-height: 400px;



} 







#content ul li {



list-style-type: square;



}







#contentpage ul li {



list-style-type: square;



}







.post_content a {text-decoration: underline ;



color:rgb(149, 190 ,15) /*vert*/;



}







.post_content a:hover {text-decoration: none ;}







.sidebar {



float: right;



width: 300px;



}



.carre



{



   list-style-type: square;



}



#footer {



font-size: 0.7em;



background:#ffffff;



padding: 10px 10px 0 0;



text-align:center;



clear: both;



width: 990px;



}



ul#menu



{



	width:138px;



	height: 35px ;



	margin: 0 0 0 -38px;



	/*margin-left: -30px ;*/



	padding : 0;



	/*background: url(bg_menu.gif) repeat-x 0 -25px ;*/



	list-style-type: none ;



}



/* On donne une hauteur au menu, correspondant a



 la taille de l'image utilisée en fond, on met ensuite l'image de fond



  avec un décalage de 25 pixels vers le haut pour utiliAser la technique de roll over expliquée dans un autre tutoriel; */



ul#menu li



{



	/*float: left ;*/



	text-align: left ;



	list-style-type: none ;



	/*background: rgb(72,34, 0);*/



	text-indent: 10px ; /* On décale le texte de 10px du bord gauche */



	margin: 0 0 5px 0 ;



	background: url(img/marron.png) repeat-x 0 0 ;



}/* On rend les li en flottant pour pouvoir les



 afficher horizontalement, on cache les puces, et on centre le texte */







ul#menu li a



{



	width: 130px ;



	line-height: 25px ;



	/*font-size: 1.2em ;*/



	font-weight: bold ;



	/*letter-spacing: 2px ;*/



	color: rgb(149, 190 ,15) ;



	display: block ;



	text-decoration: none ;



	/*border-right: 2px solid #dea ;*/



}/* C'est sur les liens que le gros du travail est



 effectué, largeur, hauteur de ligne, taille de police, graisse de police,



  espacement des lettres, couleur, bordure et decoration du texte. 



  Nous pouvons dimensionner les a grâce à la propriété display: block ; */







ul#menu li a:hover



{



	/*background: url(bg_menu.gif) repeat-x 0 0 ;*/



}/* Et pour finir on décale l'image de fond au passage



 de la souris pour laisser aparaître l'état survolé de l'image, 



 voir le tutoriel sur les roll over pour plus de détails */







 a { text-decoration:none; color:rgb(72,34, 0);}



a:hover { text-decoration:none; color:rgb(149, 190 ,15);}



a.none:hover { text-decoration:none;}



a.image:hover { text-decoration:none;}



a.thumbLink:hover { text-decoration:none;}



/* ajout du 13 ocotbre section activite*/
.boite {
	width: 215px;
	padding-bottom: 10px;
	background: white url(milieu-bas.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
}

.boite p {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(haut.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	text-align: center;			
}
.boiteh2 {
	width: 215px;
	padding-bottom: 10px;
	background: white url(milieu-bas2.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
}

.boiteh2 p {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(haut2.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	text-align: center;			
}
.boiteh3 {
	width: 215px;
	padding-bottom: 10px;
	background: white url(milieu-bas3.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
}

.boiteh3 p {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(haut3.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	text-align: center;			
}
.boiteh4 {
	width: 215px;
	padding-bottom: 10px;
	background: white url(milieu-bas_choc.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
}

.boiteh4 p {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(haut_choc.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	text-align: center;			
}



.boite1 {
	width: 215px;
	padding-bottom: 10px;
	background: white url(milieu-bas.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
			
}

.boite1 p {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(haut.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	text-align: left;
			
}

.boite2 {
	width: 215px;
	padding-bottom: 10px;
	background: white url(milieu-bas2.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
			
}

.boite2 p {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(haut2.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	text-align: left;
			
}

.boite3 {
	width: 215px;
	padding-bottom: 10px;
	background: white url(milieu-bas3.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
		
}

.boite3 p {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(haut3.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	text-align: left;
		
}
.boite4 {
	width: 215px;
	padding-bottom: 10px;
	background: white url(milieu-bas_choc.png) ;
	background-repeat:no-repeat;
	background-position: center bottom;
	
}

.boite4 p {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(haut_choc.png) ;
	background-repeat:no-repeat;
	background-position: center top;
	text-align: left;
		
}

.left1 /* mise en forme des carrés arrondis sur la page "Activités"*/
{float:left;
color:rgb(255,255,255);
}

.left1 ul li {
	padding : 0 20px 0 0;
}

.left_acc /* mise en forme des carrés arrondis sur la page "Accueil"*/
{float:left;
width: 410px;

text-align :center;

color:rgb(25,25,25);
}

/* ajout du 14 oct, test bandeau */
.tab_head {
	margin-left: -38px ;
	width:1038px;
background-image: url(img/switchrect1.png) ;
background-repeat:no-repeat;
}

.header1 {
float :left;
width : 157px;
}

.header2 {
text-align: center;
float :left;
width : 174px;
margin-top: 25px;
margin-bottom: 25px;
}

.left2 {
text-align: center;
float :left;
width : 142px;
margin-top: 0x;
margin-bottom: 0px;
height: 108px;
}
.left3 {
float:left;
margin-right : 10px;
margin-left : 10px;
margin-bottom : 5px; }
.left {
float:left;
margin-right : 15px;
margin-bottom : 5px; }
.langue {
float: right;
margin-top: 5px;
margin-right : 5px;
margin-left : 5px;
}