@import url(reset.css);
@import url(typo.css);

/* ============ */
/* = Couleurs = */
/* ============ */
.text h1,
.text h3				   			{color:#D38634;}

.text a 	     					{ font-weight:bold}                   
.text a:link      					{ color: #BE5B00;font-weight:bold;}
.text a:visited   					{ color: #BE5B00;}	
.text a:focus, 
.text a:hover     					{ color: #333;}
.text a:active						{ color: #333; }
    		    	
/* =========== */      		    	
/* = Général = */      		    	
/* =========== */      		    	
                       		    	
body 				   				{background:#eeebdd url("images/bg.jpg") no-repeat center 0;}
#page 				   				{margin:0 auto; width:960px; position:relative}
#banner 			   				{position:relative;height:173px; }
#corporate_logo		   				{position:absolute;top:0;left:0}


/* Main Navigation
/* =================== */

#not_nested li a		   			{position:absolute;display:block;bottom:0;height:52px;text-indent:-9999px;background-image:url("images/tabs_sprite.png");background-repeat:no-repeat;}
                       		    	
#not_nested li.primaire a			{left:390px;width:114px;background-position:0 0;z-index:99;}
#not_nested li.college a			{left:483px;width:140px;background-position:-114px 0;z-index:98;}
#not_nested li.seconde a			{left:597px;width:144px;background-position:-254px 0;z-index:97;}
#not_nested li.premiere a			{left:704px;width:152px;background-position:-398px 0;z-index:96;}
#not_nested li.terminale a			{left:818px;width:152px;background-position:-550px 0;z-index:95;}

#not_nested li a:hover,
#not_nested li.active a  			{z-index:999}

#not_nested li.primaire a:hover,    
#not_nested li.active.primaire a   	{background-position: 0 -52px}
                                                                                            
#not_nested li.college a:hover,      		                                          
#not_nested li.active.college a	   	{background-position: -114px -52px}
                                                                                    
#not_nested li.seconde a:hover,      		                                             
#not_nested li.active.seconde a	   	{background-position: -254px -52px}
                                                                                         
#not_nested li.premiere a:hover,     		                                              
#not_nested li.active.premiere a	{background-position: -398px -52px}
                                                                                      
#not_nested li.terminale a:hover,    		                                              
#not_nested li.active.terminale a	{background-position: -550px -52px}

body.college #not_nested li.primaire a:hover	{background-position: 0 -104px;z-index:9999}
                                                                                            
body.primaire #not_nested li.college a:hover	{background-position: -114px -104px}
body.seconde #not_nested li.college a:hover		{background-position: -114px -156px;z-index:9999}
                                                                                    
body.college #not_nested li.seconde a:hover		{background-position: -254px -104px}
body.premiere #not_nested li.seconde a:hover	{background-position: -254px -156px;z-index:9999}
                                                                                         
body.seconde #not_nested li.premiere a:hover	{background-position: -398px -104px}
body.terminale #not_nested li.premiere a:hover	{background-position: -398px -156px;z-index:9999}
                                                                                 
body.premiere #not_nested li.terminale a:hover  {background-position: -550px -104px}


/* Main Navigation
/* =================== */

.boxshorcutheader					{position:absolute;right:0;top:8px}
                            		
.boxshorcutheader h2				{display:none;}
                            		
.boxshorcutheader ul,       		
.boxshorcutheader li,       		
.boxshorcutheader a,        		
.boxshorcutheader a:visited			{background:none;color:#333;display:inline;}
.boxshorcutheader a:hover			{text-decoration:underline;}
.boxshorcutheader strong			{font-weight:bold;}
                            	
.boxshorcutheader li				{margin-left:3px;padding-top:10px}
.boxshorcutheader li a				{border-right:1px #333 solid;padding-right:5px;}
.boxshorcutheader li:last-child	a	{padding-right:0px;border-right:none;}
.rubrique_sommaire_ .boxshorcutheader li:first-child a	{font-weight:bold!important;}

.boxshorcutheader li.active			{background:transparent url("images/tick_topnav2.png") no-repeat center 0}
.boxshorcutheader li.active	a		{font-weight:bold;}

.boxshorcutheader li.active:first-child			{background:none}
.boxshorcutheader li.active:first-child	a		{font-weight:normal;}

#wrapper							{min-height:400px}
                            		
#conteneur							{overflow:hidden}
                            		
#main								{float:left;width:380px;padding:10px 10px 0 20px;border-right:1px #ccc dotted}
#leftbar							{float:left;width:390px;height:388px;position:relative;}
#rightbar							{float:left;width:130px;padding:10px 0 0 10px}
                            		
#footer 							{position:relative;width:960px;height:70px;clear:both;background:#e2dfd5;}
#footer a,        		
#footer a:visited					{background:none;color:#333;display:inline;}
#footer a:hover						{text-decoration:underline;}
#footer strong						{font-weight:bold;}

#footer #smartpage 					{float:left;margin-left:20px;margin-top:10px;}
#footer #copyright 					{position:absolute;display:block;width:410px;top:26px;left:20px}
#footer #mininav 					{position:absolute;text-align:right;display:block;width:310px;top:10px;right:20px}

/*#footer #smartpage 					{position:absolute;display:block;width:810px;top:7px;left:20px}
#footer #copyright 					{position:absolute;display:block;width:410px;top:20px;left:20px}
#footer #mininav 					{position:absolute;text-align:right;display:block;width:310px;top:7px;right:20px}
*/
/* ============ */
/* = HomePage = */
/* ============ */
.rubrique_sommaire_ #leftbar 		{position:relative;background:transparent url("images/illustr_home.jpg") no-repeat 0 0;padding:140px 20px 0 180px;width:190px;height:248px;color:#080808}
.rubrique_sommaire_ #leftbar #more	{position:absolute;bottom:20px;right:20px;display:block;width:92px;height:28px;text-indent:-9999px;background:transparent url("images/btn_ensavoirplus.gif") no-repeat 0 0;}

.rubrique_sommaire_ #main	 		{position:relative;width:520px;padding:10px 10px 0 20px;border-right:none}

.rubrique_sommaire_ #intro	 		{position:absolute;top:20px;left:20px;}
.rubrique_sommaire_ #intro li 		{background:transparent url("images/puce_bulle.gif") no-repeat 0 0;margin-bottom:15px;padding-left:30px;}
.rubrique_sommaire_ #intro li a 	{font-size:1.4em;color:#4b4b4d;font-weight:bold;}

.rubrique_sommaire_ #coursadom	 	{position:absolute;top:20px;right:0px;z-index:20;width:215px;height:134px;padding:50px 0 0 30px;background:transparent url("images/home_coursadom.gif") no-repeat 0 0;}
.rubrique_sommaire_ #coursadom h2 	{display:none}
.rubrique_sommaire_ #coursadom li	{margin-bottom:5px;}
.rubrique_sommaire_ #coursadom li a {font-size:1.2em;color:#4b4b4d;font-weight:bold;}

.rubrique_sommaire_ #call		 	{display:none;position:absolute;top:130px;left:20px;z-index:19;width:268px;height:101px;text-indent:-9999px;background:transparent url("images/appel.gif") no-repeat 0 0;}



.rubrique_sommaire_ #nosagences		{position:absolute;top:130px;left:20px;z-index:19;width:268px;height:101px;}
.rubrique_sommaire_ #nosagences dt	{font-size:1.4em;font-weight:bold;color:#333;}
.rubrique_sommaire_ #nosagences dd	{padding:5px 0 0 30px;background:transparent url("/media/maison__056649300_0921_27102009.gif") no-repeat 0 0}
.rubrique_sommaire_ #nosagences a	{font-size:1.4em;color:#333;}


.rubrique_sommaire_ #serviceplus	{position:absolute;top:155px;right:20px;z-index:21;width:198px;height:124px;}
.rubrique_sommaire_ #serviceplus a	{display:block;width:198px;height:124px;text-indent:-9999px;background:transparent url("images/btn_serviceplus-trans.png") no-repeat 0 0;}
.rubrique_sommaire_ #serviceplus p	{display:none}

.rubrique_sommaire_ #actus		 	{position:absolute;top:250px;right:0px;width:511px;height:111px;padding:40px 10px 0 10px;font-size:1em;line-height:1.2em;background:transparent url("images/bulle_actus.gif") no-repeat 0 0;}
.rubrique_sommaire_ #actus a		{ color: #BE5B00;font-weight:bold;}

/* ======== */
/* = Page = */
/* ======== */

body.primaire #leftbar 				{background:transparent url("images/illustr_primaire.jpg") no-repeat 0 0;}
body.college #leftbar 				{background:transparent url("images/illustr_college.jpg") no-repeat 0 0;}
body.seconde #leftbar 				{background:transparent url("images/illustr_seconde.jpg") no-repeat 0 0;}
body.premiere #leftbar 				{background:transparent url("images/illustr_premiere.jpg") no-repeat 0 0;}
body.terminale #leftbar 			{background:transparent url("images/illustr_terminale.jpg") no-repeat 0 0;}
                            		
                            		
#main.large							{float:left;width:520px;padding:10px 10px 0 20px;border-right:none}
                        
#leftbar #contact					{position:absolute;bottom:10px;left:20px;}
			
#leftbar ul 						{padding-left:20px;}
#leftbar ul li a					{color:#fff;font-weight:bold;font-size:1.2em;}
#rightbar p							{text-align:left;line-height:1.3em;}
                        			
#leftbar.text						{width:350px;height:378px;padding:10px 20px 0 20px;}

#leftbar.text h1,
#leftbar.text h2,
#leftbar.text h3					{color:#fff}

#leftbar.text p,
#leftbar.text a,
#leftbar.text em,
#leftbar.text strong				{color:#080808}
                        			
#topage								{float:right;margin-bottom:20px;font-weight:bold;color:#D38634;border:0;}

.agences #wrapper	 				{min-height:885px;}
.agences #leftbar h1 				{font-size:3em;}
.agences #leftbar h3 				{font-size:2.5em;line-height:2em;color:#7d4507;background:url("/images/bg-tel.gif") left bottom no-repeat;}
.agences #leftbar p 				{color:#FFF;}
.agences #leftbar h6 				{color:#FFF;text-align:center;letter-spacing:0.2em;}
/*#actu 								{float:right;width:520px;padding:10px 30px 0 0;}*/

#actu 								{clear:both;}
/*#plan_region 						{position:absolute;top:570px;}*/

#block								{height:290px;}

#plan_region 						{position:relative;}
#plan_region a 						{border:none;}
#plan_region h2 					{font-size:2em;color:#4b4b4d;line-height:1.2em;}
#texte_equipe						{float:right;width:70%;padding-top:20px;}

#equipe img					{margin-right:20px;border:5px solid #FFF;}

hr.clear{clear:both;margin:20px 0;}

#communes{clear:both;overflow:hidden;margin-top:150px;}
#communes h2{font-size:1.6em;font-weight:bold;margin-bottom:.5em}

#communes ul{float:left;width:240px;}



