/* RESPONSIVE */

@media all and (max-width:639px) {
	.box_connect,
	.article_ligne .text,
	.article_ligne .date,
	.boxD .ligne_agenda:nth-child(n+5),
	#fil_ariane,
	.home_ligne:nth-child(4):after,
	.cotis_presentation,
	#code_naf,
	.bt:hover:before,
	.bt:before,
	.mot_lab {
		display:none;
	}
	.tabConvoc1,
	.tabConvoc1 .td,
	.bt_user,
	.p_user .box_connect a span.ordi,
	.article_premier .text,
	.smart {
		display:block;
	}
	.flexSmart {
		display: block;
	}
	.flexSmart > div {
		width:auto;
	}
	.header {
    	background:#FFF;
    	height:44px;
		border-bottom:1px solid #923A66;
	}
	.logo {
		width:110px;
		margin:2px 1%;
	}
	.logo img {
    	width:auto;
		height:40px;
	}
	.nav_smart {
		top:2px;
		background:none;
		border-radius:0px;
		margin-left:0px;
		right:0px;
	}
	.aside,
	.box_rech,
	.nav  {
		top:45px;
		border-bottom:1px solid #923A66;
	}
	
	.p_user .box_connect a span.ordi {
		background:none;
	}	
	.p_user .box_connect .nom {
   		 display:block;
    	margin-top:0px;
    	max-width: none;
	}
	.box_ic_user {
	    float:none;
	}
	.p_user .box_connect .nom span {
    	display:block;
    	height:auto;
    	padding:5px 0px;
	}
	.colG,
	.colD {
    	display:block;
    	width:100%;
		padding:0px;
	}
	.rens label {
    	display: block;
		float:none;
		padding:15px 0px 5px 0px;
	}
	.rensInfos,
	.rensPhoto,
	.rens,
	.rens td,
	.rens2 .tabAnnee,
	.rens2 .tabAnnee td {
    	display:block;
    	width:100%;
		padding:5px 0px;
	}
	.moteur2,
	.moteur2 .td {
		display: block;
		width: auto;
		padding: 5px 0px;
	}
	.moteur2 .tex_promo label {
    float: none;
}
	.article_premier .titre,
	.article_ligne .titre {
    	font-size: 13px;
		padding:10px 0px;
	}
	.liste .home_ligne .photo_liste {
    	width: 100px;
	}
	.liste .odd .photo_liste {
    	text-align:right;
	}
	.liste .home_ligne .photo_liste img {
    	height:auto;
		max-width:100px;
		width:auto;
		max-height:80px;
	}
	.liste .home_ligne .text_infos {
    	width:70%;
	}
	.liste .article_premier .photo_liste {
   		width:100%;
		display:block;
		position:absolute;
		top:0px;
		padding:0px;
		height:105px;
	}
	.liste .article_premier .photo_liste img {
   		width:auto;
		max-height:105px;
		max-width:100%;
	}
	.liste .article_premier .text_infos {
		padding-top:115px;
	}
	.article_ligne:after {
    	margin-bottom: 0px;
	}
	.article_ligne:not(.article_premier) {
    	padding-top: 5px;
	}
	.liste .article_ligne .photo_liste {
    	padding-bottom: 5px;
	}
	
	.colG .boxD h2,
	.colD .boxD h2 {
   	 	text-align:center;
    	font-size: 18px;
	}
	.contenu .jaime {
		background-color:#F1F1F1;
		margin:0px 6%;
	}
	.colG .boxD {
		margin:15px -2% 15px -2%;
		background-color:#F1F1F1;
		padding-bottom:15px;
	}
	.bloc_date_evenement {
		background-color:#F1F1F1;
	}
	.colD .boxD {
   	 	border-radius:0px;
   	 	border: 0px;
    	padding: 10px;
		
	}
	.not_home .photo_article {
    	float:none;
    	padding:10px 0px;
		text-align:center;
	}
	h1 {
    font-size: 16px;
}
	h1.titre,
	.article h1.titre,
	#titre_rubrique {
		background:#5F455C;
		color:#FFF;
		font-size:13px;
		margin:-10px -2% 10px -2%;
		padding:4px 2%;
	}
	.icones {
    	padding: 0px;
	}
	.icones a {
		width:43px;
	}
	.addthis_toolbox {
		float:right;
		padding: 5px;
		width:auto;
		background:none;
	}
	.article {
		padding:10px 2% !important;
	}
	.text iframe {
		max-width:100%;
		height:auto;
	}
	body:not(.home) .liste .article_ligne .photo_liste {
    	padding: 0 10px 10px 0;
    	width:100px;
	}
	body:not(.home) .liste .article_ligne .photo_liste img {
    	max-width:100px;
		height:auto;
	}
	.pagination_articles {
		margin-top:20px;
		text-align:center;
	}
	.pagination_articles a {
		display:inline-block;
		text-align:center;
		width:35px;
	}
	.tab_admin td {
		display:block;
		width:100%;
	}
	.tab_admin a {
		display:block;
		padding:10px 0px;
	}
	.tab_admin img {
		clear:left;
		display:block;
		padding:10px 5px 10px 0px;
		float:left;
	}
	.tab_cotis_abonnement .cotis_texte,
	.tab_cotis_annuaire .cotis_texte {
    	background:none;
	}
	.cotis_prix {
    	font-size: 17px;
    	padding: 10px 10px;
   	 	width: 60px;
	}
	.tab_cotis_total .cotis_prix input {
		width:70%;
		padding:0px;
		font-size: 17px;
	}
	.tab_cotisation {
		margin-left:-2%;
		margin-right:-2%;
		width:104%;
	}
	.cotis_check,
	.tab_cotis_init .cotis_actions {
    	border-left: 0px;
	}
	.cotis_check {
		width:20px;
	}
	.cotis_actions .item {
    	float:none;
    	margin-bottom: 5px;
    	margin-right:0px;
    	width:auto;
		height:auto;
		padding:0px;
	}
	.cotis_actions .item a {
    	display:block;
		 width:auto;
		height:auto;
	}
	.tab_user_cotisation td {
		display:block;
		text-align:center;
		padding:0px;
		width:100%;
	}
	.tab_user_cotisation {
		margin-bottom:10px;
	}
	.photo_user div {
    	margin:auto;
	}
	.tab_user_cotisation h3 {
    	margin-bottom: 1px;
		font-size: 13px;
	}	
	.tab_cotis_init h2,
	.tab_cotis_total .cotis_texte label,
	.nom_user {
    	font-size: 16px;
	}
	.page_cotisation h3 {
    	font-size: 14px;
		text-transform:none;
	}
	.tab_cotisation label {
    	font-size: 13px;
	}
	.cotis_texte {
    	height: 50px;
    	padding:5px;
	}
	.cotis_actions {
    	margin-top: 5px;
    	padding:10px;
	}
	.contenu input[type="submit"],
	.submit {
    	padding: 4px 10px;
	}
	/* annuaire */
	.contenu form#annuairebis {
		padding:0px;
	}
	#moteur fieldset.field {
		border-radius:6px;
		box-shadow:none;
		border-width:2px;
	}
	#moteur fieldset.field legend {
		background:none;
		padding:0px;
		color:#000;
	}
	#moteur .box_moteur {
		display:none;
	}
	.rech_submit {
		margin-bottom:-20px;
		margin-right:-15px;
	}
	.bt_rech_item .smart {
		width:90px;
		background:url('../images/select.png') no-repeat 105px center;
		border:1px solid #ccc;
		padding:4px 30px 4px 16px;
		color:#666;
		margin:10px 0px;
		border-radius:4px;
	}
	.bt_rech_item .smart.expanded {
		background:url('../images/select_up.png') no-repeat 105px center;
	}
	.box_moteur .item,
	.box_mot_groupe .item:nth-child(3) {
    	float:none;
    	padding-right:0%;
    	width: 95%;
	}
	
.section_annuaire h1 {
    font-size:16px;
    margin-bottom:10px;
}
#moteur .rech_sub[type="submit"] {
    padding-left:10px;
	padding-right:10px;
}
	.section_annuaire #moteur {
		margin:0px 5px;
	}
	.section_annuaire .box_moteur {
    	padding:0px 0px 10px 0;
	}
	.box_moteur input:not([type="checkbox"]):not([type="radio"]), .box_moteur select {
		margin:2px 0px;
		padding:4px 10px;
	}
	.box_moteur input:not([type="checkbox"]):not([type="radio"]) {
		 width: 260px;
	}
	.box_moteur select {
   	 	width: 260px;
	}
	.box_mot_perso input:not([type="checkbox"]):not([type="radio"]),
	.box_mot_entreprise .item:first-child input:not([type="checkbox"]):not([type="radio"]) {
		width: 50%;
	}
	.list_surnom,
	.list_cg,
	.list_adresse,
	.list_tel,
	.list_diplome,
	.list_poste_adresse,
	.list_fonction,
	.list_standard,
	.box_moteur .tex:not(.tex_promo) {
		display:none;
	}
	.list_annuaire tr {
		border-top:1px solid #ccc;
		display:block;
		padding:8px 0px;
		position:relative;
		width:100%;
	}
	.list_annuaire td {
		display:block;
		height:auto;
		padding:0px;
		border:0px;
	}
	.list_annuaire .list_info_img {
		float:left;
		width:60px;
	}
	.list_annuaire .list_nom a {
		display:block;
		padding-right:65px;
	}
	.list_annuaire label,
	.list_annuaire .list_info_entreprise label  {
		width:60px;
		min-width: inherit;
	}
	.list_annuaire .actions {
		position:absolute;
		right:0px;
		top:8px;
	}
	.list_actions {
    	background:none;
    	border-radius:0px;
   	 	width:auto;
	}
	.list_actions a.bt {
    	background-color:#d84c3f;
    	border-radius: 3px;
    	width: 30px;
		height:30px;
		position:relative;
		display:inline-block;
	}
	.indic_delegues {
		width:100%;
		margin:auto;
		text-align:center;
		padding:5px 0px;
	}
	.ortho_exact {
		width:125px;
		right:-23px;
	}
	/* fin annuaire */
	.liste_annuaire {
    	width:100%;
	}
	.contenu .rech_submit .rech_sub[type="submit"] {
    position: relative;
    width:auto
}
	.contenu .rech_sub[type="submit"] {
   	font-size:12px;
    	width: 24%;
	}
.mot_champs {
    display: block;
    width: 100%;
}
.rech_submit {
    margin-bottom: 10px;
    margin-right: 0;
}
.tex_promo {
    margin-top: 0;
	position:relative;
}
.contenu .rech_bt[type="submit"] {
    margin: 10px 1%;
	width:40%;
}
.v_photo {

    height: 80px;
    width: 80px;
}
.v_infos {
    padding: 13px 20px 13px 43px;
}
.footer a {
    padding: 10px;
}
.fiche_annuaire {
	margin:-10px -2%;
    padding: 15px;
}
.photo_annuaire {
    height: 80px;
    width:80px;
}
.fiche_annuaire .famille {
    font-size: 13px;
}
.actions_profil {
    top: auto;
    position: relative;
    right: auto;
    width:auto;
	text-align:left;
}
.fiche_annuaire h1.v_nom {
    font-size: 18px;
	padding-top:0px;
	float:right;
	width:70%;
}
.fiche_annuaire .famille {
	clear:both;
}

.fiche_annuaire h1.v_nom span {
   display:block;
}
.col1 h2, .col2 h2.titreCol {
    font-size: 16px;
}
.fiche_annuaire .col1,
.fiche_annuaire .col2 {
    margin-top: 18px;
}

.ligne_date {
    background-position:center top;
    width: 62px;
	text-align:center
}
.text_date {
	background-color:#FFF;
    background-position: bottom center;
    padding: 0px 0px 36px 0;
}

.fiche_description {
    font-size: 13px;
}
.box_connect a.mbureau {
	padding-left:10px;
	padding-right:10px;
}
.vignette {
    width: auto;
    height: auto;
    min-height: 125px;
}
.box_ic_user {
    max-width: none;
}
.ancienne_interface {
	right: 120px;
}
.tri {
	position:relative;
	margin:15px 0px 5px 0px;
	bottom:0px;
	text-align:right;
}
	.formulaire,
	.formulaire tbody,
	.formulaire tr  {
	display: block;
		width:100%;
}
	.formulaire tr  {
		position: relative;
}
.formulaire th,
.formulaire td {
	padding:2px 0px;
	width:auto;
	display: block;
}
	.formulaire th {
		padding-top:4px;
		border-top:1px solid #ebebeb;
		padding-right:30px;
}
	.formulaire td {
	padding-bottom:4px;
}
.formulaire input,
.formulaire select,
.formlaire textarea {
	width:94%;
	padding:4px 3%;
}
.formulaire input.demi {
	width:42%;
}
.formulaire .tdAide {
	position:absolute;
	top:2px;
	right:2px;
}
	.map_france {
    margin-left: -150px;
    height: 298px;
    width: 269px;
}
	.zListePromo ul {
	-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
}
	.map_france a {
    font-size: 14px;
}
	.map_france a .picto {
    width: 20px;
    height: 16px;
    left: -25px;
}
	.map_france a .titre {
    line-height:1em;
}
	.angers .titre {
    top: 16px;
    left: -30px;
}
	.paris .titre {
    top: -20px;
    left: -30px;
}
	.chalons .titre {
    top: 18px;
    left: -49px;
}
	.aix-en-provence .titre {
    top: 20px;
    left: -55px;
}
	.zListePromo h2 {
    font-size: 1.2em;
}
	.bordeaux .titre {
    top: 0px;
}
	.cluny .titre {
    top: 20px;
    left: -40px;
}
	.karlsruhe .titre {
    top: -20px;
    left: -32px;
}
	.metz .titre {
    top: -22px;
    left: -20px;
}
	.col {
		float:none;
		width:auto;
		padding:0px;
	}
}
@media all and (max-width:463px) {
	.ancienne_interface {
		top:2px
	}
	.tri {
    font-size:12px;
}
.contenu .bt_mot {
    font-size: 13px;
}
.tri select {
    padding: 5px 5px;
	font-size:12px;
}
	.map_france {
    margin-left: -160px;
}
}